@charset "utf-8";
/* global style */
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

li {
	list-style: none;
}
/*火狐，safari下是默认字体需要定义字体*/
button, select, .btn {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:focus {
	color: #FFFFFF;
	outline: 0;
}

ul {
	list-style: none;
}
/*UI安全性:屏蔽IE9+密码输入框小眼睛*/
.pigsney {
	width: 16px;
	height: 16px;
	position: absolute;
	display: inline-block;
	cursor: pointer;
}

.pigsney.close {
	background: url(../images/pigsney-close.png) center center no-repeat;
}

.pigsney.open {
	background: url(../images/pigsney-open.png) center center no-repeat;
}

.right {
	float: right;
}

.left {
	float: left;
}

.inline-block {
	display: inline-block;
}

.dir {
	word-break: break-all;
	text-decoration: underline;
}

.pointer {
	cursor: pointer;
}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
}

.text-align {
	text-align: center;
}

.v-middle {
	vertical-align: middle;
}

.tips-color {
	color: gray;
}

.width45 {
	width: 45px;
}

.padding-left30 {
	padding-left: 30px;
}

.padding-left45 {
	padding-left: 45px;
}

.margin-left5 {
	margin-left: 5px;
}

.margin-left10 {
	margin-left: 10px;
}

.margin-left15 {
	margin-left: 15px;
}

.margin-left20 {
	margin-left: 20px;
}

.margin-left120 {
	margin-left: 120px;
}

.margin-right0 {
	margin-right: 0;
}

.margin-right5 {
	margin-right: 5px;
}

.margin-right20 {
	margin-right: 20px;
}

.margin-right30 {
	margin-right: 30px;
}

.margin-bottom5 {
	margin-bottom: 5px;
}

.margin-right0-important {
	margin-right: 0 !important;
}

.margin-top5 {
	margin-top: 5px;
}

.margin-top10 {
	margin-top: 10px;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.taboffset {
	position: relative;
	padding: 0.2em;
}
/* button style */
.btn {
	display: inline-block;
	padding: 8px 12px;
	margin: 2px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	background-color: #FFFFFF;
	border: 0;
	border-radius: 4px;
	-webkit-appearance: button;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0;
}

.btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 0 2px #000000;
	box-shadow: 0 0 2px #000000;
}

.btn.disabled, .btn[disabled] {
	/*cursor: not-allowed;*/
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.btn-primary {
	color: #FFFFFF;
	background-color: #D71920;
	border: 0;
}

.normalRadio {
	vertical-align: middle;
	margin-right: 5px;
	width: 12px;
	height: 12px;
}
/* form style */
.form-group {
	margin-bottom: 15px;
}

.form-control {
	display: block;
	width: 100%;
	height: 22px;
	padding: 6px;
	font-size: 14px;
	line-height: 22px;
	color: #555555;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow
		ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out
		0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
	border-color: #66AFE9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #999;
}

.form-control::-webkit-input-placeholder {
	color: #999;
}

.form-control[disabled], .form-control[readonly] {
	/*cursor: not-allowed;*/
	background-color: #EEEEEE;
	opacity: 1;
}

.form-checkbox {
	vertical-align: middle;
}
/* widget style */
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
	background: #e6e6e6 /*{bgColorDefault}*/;
	font-weight: normal /*{fwDefault}*/;
	color: #555555 /*{fcDefault}*/;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
	{
	color: #555555 /*{fcDefault}*/;
	text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	background: #dadada /*{bgColorHover}*/;
	font-weight: normal /*{fwDefault}*/;
	color: #212121 /*{fcHover}*/;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link,
	.ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover,
	.ui-state-focus a:link, .ui-state-focus a:visited {
	color: #212121 /*{fcHover}*/;
	text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	border: 1px solid #BB2230 /*{borderColorActive}*/;
	background: #ffffff /*{bgColorActive}*/;
	font-weight: normal /*{fwDefault}*/;
	color: #212121 /*{fcActive}*/;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
	{
	color: #212121 /*{fcActive}*/;
	text-decoration: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 4px;
}
/* tabs style */
.ui-tabs {
	position: relative;
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	line-height: 25px;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	outline: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
	.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
	{
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	clear: both;
	display: block;
	border: 0;
	border-top: 1px solid #aaa;
	/*padding: 15px 5px 5px;*/
	background: none;
}
/* config page tabs style */
.tabs-1 .ui-state-default, .tabs-1 .ui-widget-content .ui-state-default,
	.tabs-1 .ui-widget-header .ui-state-default {
	background: none;
	border-width: 0;
}

.tabs-1 .ui-state-active a {
	border-bottom: 2px solid #CA2C32;
	margin-top: -2px;
	color: #CA2C32;
	font-weight: 700;
}

.tabs-1 .ui-tabs-panel {
	border-top: 1px solid #C8C8C8;
}
/* ptz tabs style */
.tabs-2 .ui-state-default, .tabs-2 .ui-widget-content .ui-state-default,
	.tabs-2 .ui-widget-header .ui-state-default {
	float: left;
	width: 61px;
	height: 24px;
	background-color: #ffffff;
	border-width: 1px;
	margin: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.tabs-2 .ui-state-active a {
	border-bottom: 0;
	margin-top: 0;
}

.tabs-2 .ui-widget-header .ui-state-active {
	width: 61px;
	height: 24px;
	background-color: #BB2230;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.tabs-2 ul a {
	display: inline-block;
	width: 31px;
	height: 12px;
	background-image: url(../images/ptz-icons.png);
}

.tabs-2 .ui-state-default #a_tab1 {
	background-position: -234px 0;
}

.tabs-2 .ui-state-default #a_tab2 {
	background-position: -234px -24px;
}

.tabs-2 .ui-state-default #a_tab3 {
	background-position: -234px -48px;
}

.tabs-2 .ui-state-active #a_tab1 {
	background-position: -234px -72px;
}

.tabs-2 .ui-state-active #a_tab2 {
	background-position: -234px -96px;
}

.tabs-2 .ui-state-active #a_tab3 {
	background-position: -234px -120px;
}

.tabs-2 .ui-tabs-panel {
	border-top: 1px solid #C8C8C8;
}
/* artDialog style */
.aui_outer {
	text-align: left;
}

table.aui_border, table.aui_dialog {
	border: 0;
	margin: 0;
	border-collapse: collapse;
	width: auto;
	background-color: #FFFFFF;
}

.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s,
	.aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer {
	padding: 0;
}

.aui_title {
	overflow: hidden;
	text-overflow: ellipsis;
}

.aui_state_noTitle .aui_title {
	display: none;
}

.aui_close {
	display: block;
	position: absolute;
	text-decoration: none;
	outline: none;
	_cursor: pointer;
	cursor: pointer;
}

.aui_close:hover {
	text-decoration: none;
}

.aui_main {
	text-align: center;
	min-width: 9em;
	min-width: 0 \9;
}

.aui_content {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	text-align: left;
	border: 0;
}

.aui_content.aui_state_full {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 !important;
	height: 100%;
}

.aui_loading {
	width: 96px;
	height: 32px;
	text-align: left;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/artDialog/loading.gif) no-repeat center center;
}

.aui_icon {
	vertical-align: middle;
}

.aui_icon div {
	width: 48px;
	height: 48px;
	margin: 10px 0 10px 10px;
	background-position: center center;
	background-repeat: no-repeat;
}

.aui_buttons {
	padding: 8px;
	text-align: right;
	white-space: nowrap;
}

.aui_buttons button {
	margin-left: 15px;
	padding: 8px 20px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	line-height: 1;
	*padding: 4px 10px;
	*height: 2em;
	width: auto;
	overflow: visible;
	*width: 1;
	color: #303030;
	border: solid 1px #B7B7B7;
	border-radius: 2px;
	background: #EFEFEF;
}

.aui_buttons button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}

.aui_buttons button:focus {
	outline: 0;
	box-shadow: 0 0 8px rgba(66, 109, 201, 0.9);
}

.aui_buttons button:hover {
	color: #000;
}

.aui_buttons button[disabled] {
	cursor: default;
	color: #666;
	background: #DDD;
	border: solid 1px #999;
	filter: alpha(opacity = 50);
	opacity: .5;
	box-shadow: none;
}

button.aui_state_highlight {
	color: #333333;
	border: solid 1px #2D2D2D;
	background: #FFFFFF;
}

.aui_inner {
	background: #FFFFFF;
}

.aui_titleBar {
	width: 100%;
	height: 0;
	position: relative;
	bottom: 30px;
	_bottom: 0;
	_margin-top: -30px;
}

.aui_title {
	height: 24px;
	line-height: 24px;
	padding: 0 25px 0 0;
	_padding: 0;
	text-indent: 10px;
	color: #FFF;
	font-weight: 700;
	text-shadow: -1px -1px 0 rgba(33, 79, 183, 0.7);
}

.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close {
	background-color: #2D2D2D;
}

.aui_nw {
	width: 1px;
	height: 38px;
}

.aui_ne {
	width: 1px;
	height: 38px;
}

.aui_sw {
	width: 1px;
	height: 1px;
}

.aui_se {
	width: 1px;
	height: 1px;
}

.aui_close {
	top: 2px;
	right: 4px;
	_z-index: 1;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 28px;
	_font-size: 0;
	_line-height: 0;
	color: #FFFFFF;
}
/*.aui_close:hover {
	background-position:0 -132px;
}*/
.aui_n, .aui_s {
	background-repeat: repeat-x;
}

.aui_n {
	background-position: 0 -56px;
}

.aui_s {
	background-position: 0 -94px;
}

.aui_w, .aui_e {
	background-color: #2D2D2D;
}
/*.aui_w {
	background-position:left top;
}
.aui_e {
	background-position: right bottom;
}*/
.aui_icon, .aui_main {
	padding-top: 3px;
}

.aui_state_noTitle .aui_nw, .aui_state_noTitle.aui_ne,
	.aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se {
	width: 3px;
	height: 3px;
}

.aui_state_noTitle .aui_inner {
	border: 1px solid #666;
	background: #FFF;
}

.aui_state_noTitle .aui_outer {
	box-shadow: none;
}

.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n,
	.aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w,
	.aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw,
	.aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se {
	background: rgba(0, 0, 0, 0.05);
	background: #000\9 !important;
	filter: alpha(opacity = 5) !important;
}

.aui_state_noTitle .aui_titleBar {
	bottom: 0;
	_bottom: 0;
	_margin-top: 0;
}

.aui_state_noTitle .aui_close {
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	text-indent: 0;
	font-size: 18px;
	text-decoration: none;
	color: #214FA3;
	background: none;
	filter: !important;
}

.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active
	{
	text-decoration: none;
	color: #900;
}
/* layout style */
.ui-layout-pane {
	background: #FFF;
	/*border: 1px solid #BBB;*/
	padding: 0;
}

.ui-layout-content {
	padding: 10px;
	position: relative;
	overflow: auto;
}

.layout-child-container, .layout-content-container {
	padding: 0;
	overflow: hidden;
}

.layout-child-container {
	border: 0;
}

.layout-scroll {
	overflow: auto;
}

.layout-hide {
	display: none;
}

.ui-layout-resizer {
	/*background: #DDD;*/
	border: 1px solid #BBB;
	border-width: 0;
}

.ui-layout-resizer-open-hover, .ui-layout-resizer-dragging {
	/*background: #C4E1A4;*/
	
}

.ui-layout-resizer-dragging {
	border: 1px solid #BBB;
}

.ui-layout-resizer-north-dragging, .ui-layout-resizer-south-dragging {
	border-width: 1px 0;
}

.ui-layout-resizer-west-dragging, .ui-layout-resizer-east-dragging {
	border-width: 0 1px;
}

.ui-layout-resizer-dragging-limit {
	background: #E1A4A4;
}

.ui-layout-resizer-closed-hover {
	/*background: #EBD5AA;*/
	
}

.ui-layout-resizer-sliding {
	opacity: .10;
	filter: alpha(opacity = 10);
}

.ui-layout-resizer-sliding-hover {
	opacity: 1.00;
	filter: alpha(opacity = 100);
}

.ui-layout-resizer-north-sliding-hover {
	border-bottom-width: 1px;
}

.ui-layout-resizer-south-sliding-hover {
	border-top-width: 1px;
}

.ui-layout-resizer-west-sliding-hover {
	border-right-width: 1px;
}

.ui-layout-resizer-east-sliding-hover {
	border-left-width: 1px;
}

.ui-layout-toggler {
	/*border: 1px solid #BBB;*/
	/*background-color: #BBB;*/
	background-color: #428bca;
}

.ui-layout-resizer-hover .ui-layout-toggler {
	/*opacity: .60;
	filter:  alpha(opacity=60);*/
	
}

.ui-layout-toggler-hover, .ui-layout-resizer-hover .ui-layout-toggler-hover
	{
	background-color: #FC6;
	opacity: 1.00;
	filter: alpha(opacity = 100);
}

.ui-layout-toggler-north, .ui-layout-toggler-south {
	border-width: 0 1px;
}

.ui-layout-toggler-west, .ui-layout-toggler-east {
	border-width: 1px 0;
}

.ui-layout-resizer-sliding .ui-layout-toggler {
	display: none;
}

.ui-layout-toggler .content {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 0.35ex;
}

.ui-layout-mask {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	opacity: 0 !important;
	filter: alpha(opacity = 0) !important;
}

.ui-layout-mask-inside-pane {
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.ui-layout-toggler-east-open, .ui-layout-toggler-west-closed {
	background: url(../images/expand.png) 0 50% no-repeat;
}

.ui-layout-toggler-east-closed, .ui-layout-toggler-west-open {
	background: url(../images/expand.png) -10px 50% no-repeat;
}
/* My97DatePicker style */
.Wdate {
	border: #999 1px solid;
	width: 198px;
	height: 18px;
	padding-left: 2px;
	background: #fff url(../images/My97DatePicker/datePicker.gif) no-repeat
		right;
	cursor: pointer;
}

.WdateFmtErr {
	font-weight: bold;
	color: red;
}
/* header style */
.header {
	height: 40px;
	background-color: #2D2D2D;
}

.header .logo {
	float: left;
	width: 120px;
	height: 40px;
	height: 39px\9;
	background: url(../images/logo.png) center center no-repeat;
	margin-left: 15px;
	margin-right: 65px;
}

.header .nav {
	float: left;
	margin: 0;
	height: 40px;
	line-height: 40px;
}

.header .nav li {
	float: left;
	list-style: none;
}

.header .nav li a {
	display: block;
	float: left;
	width: 120px;
	text-align: center;
	font-size: 14px;
	margin-left: 2px;
	cursor: pointer;
}

.header .nav li a:hover, .header .nav li a:focus {
	text-decoration: none;
	/*background-color: @header-nav-hover-color;*/
}

.header .nav li.active {
	font-weight: 700;
}

.header .nav li.active a, .header .nav li.active a:hover, .header .nav li.active a:focus
	{
	color: #FFFFFF;
	background-color: #D8151D;
}

.header .header-r {
	float: right;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
}

.header .header-r .user, .header .header-r .help, .header .header-r .exit,
	.header .header-r .split {
	float: left;
}

.header .header-r .user, .header .header-r .help, .header .header-r .exit,
	.header .header-r .downloadLocal, .header .header-r .back {
	margin-right: 25px;
	color: #FFFFFF;
}

.header .header-r .user .icon {
	float: left;
	width: 15px;
	height: 40px;
	margin-right: 7px;
	background: url(../images/header-icons.png) 0 center no-repeat;
}

.header .header-r .help .icon {
	float: left;
	width: 15px;
	height: 40px;
	margin-right: 7px;
	background: url(../images/header-icons.png) -20px center no-repeat;
	cursor: pointer;
}

.header .header-r .exit .icon {
	float: left;
	width: 12px;
	height: 40px;
	margin-right: 7px;
	background: url(../images/header-icons.png) -40px center no-repeat;
	cursor: pointer;
}

.header .header-r .downloadLocal .icon {
	float: left;
	width: 16px;
	height: 40px;
	margin-right: 7px;
	background: url(../images/header-icons.png) -54px center no-repeat;
	cursor: pointer;
}
/* footer style */
.footer {
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #A0A0A0;
}
/* channel style */
.channel .device {
	height: 35px;
	border-bottom: 1px solid #E2E2E2;
	margin: 0 10px;
}

.channel .device-icon {
	float: left;
	width: 16px;
	height: 16px;
	margin: 15px 6px 0 10px;
	background: url(../images/channel-icons.png) 0 0 no-repeat;
}

.channel .device-name {
	float: left;
	width: 145px;
	margin-top: 15px;
}

.channel .channel-list {
	margin: 5px 0 0 20px;
	overflow: auto;
	overflow-x: hidden;
}

.channel .ch {
	height: 25px;
	line-height: 25px;
}

.channel .ch-name {
	float: left;
	width: 93px;
	overflow: hidden;
	cursor: pointer;
}

.channel .ch-name.sel {
	color: #FF0000;
}

.channel .ch-btns {
	float: left;
	overflow: hidden;
}

.channel .ch-btn {
	float: left;
	width: 20px;
	height: 18px;
	background: url(../images/channel-icons.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
}

.channel .ch-btn.play {
	background-position: -25px 2px;
}

.channel .ch-btn.record {
	background-position: -75px 3px;
}

.channel .ch-btn.playing {
	background-position: -50px 2px;
}

.channel .ch-btn.recording {
	background-position: -100px 3px;
}

.channel .icon-stream {
	width: 18px;
	height: 18px;
	background: url(../images/tool-icons.png) no-repeat;
	margin-top: 5px;
	padding: 1px 1px 0 2px;
	background-color: #FFFFFF;
}

.channel .icon-stream-1 {
	background-position: -5px -61px;
}

.channel .icon-stream-2 {
	background-position: -33px -61px;
}

.channel .icon-stream-3 {
	background-position: -61px -61px;
}

.channel .icon-stream-4 {
	background-position: -165px -61px;
}

.channel .icon-stream-5 {
	background-position: -193px -61px;
}

.channel .stream-enter {
	border: 1px solid #797979;
	margin-top: 4px;
	border-left-width: 0;
	z-index: 1;
	position: relative;
}

.channel .stream-select {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	z-index: 0;
	border: 1px solid #797979;
}

.channel .stream-select .icon-stream {
	background-color: transparent;
}

.channel .stream-option {
	width: 140px;
	padding: 0 4px;
	cursor: pointer;
	border-bottom: 1px solid #CCCCCC;
}

.stream-desc {
	max-width: 115px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.channel .stream-select span {
	display: inline-block;
	float: left;
}

.channel .stream-option-last {
	width: 140px;
	padding: 0 4px;
	cursor: pointer;
}

.channel .stream-option-enter {
	background-color: #E0E0E0;
}
/* plugin style */
.preview-plugin {
	position: relative;
}

.plugin, .plugin .main-plugin {
	height: 100%;
	background-color: #343434;
	margin: 0 auto;
}

.plugin .txtTip, .main-plugin .txtTip, .image-plugin .txtTip,
	.plugin-small .txtTip, .plugin-medium .txtTip, .intelliVideo .txtTip {
	text-align: center;
}

.pluginLink {
	color: #FFFFFF;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

.pluginLinkSel {
	color: #D8151D;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

.no-window .txtTip {
	text-align: left;
	padding-top: 10px;
}

.no-window .pluginLink {
	color: #D8151D;
	font-size: 12px;
}

.no-window .pluginLinkSel {
	font-size: 12px;
}
/* tool style */
.tool .tool-l {
	margin-top: 2px;
	float: left;
}

.tool .tool-m {
	margin-top: 2px;
	position: absolute;
	left: 55%;
	margin-left: -260px;
}

.tool .tool-r {
	margin-top: 2px;
	float: right;
}

.tool .btn {
	padding: 5px;
}

.tool .btn:hover {
	padding: 4px;
	border: 1px solid #C5C5C5;
}

.tool .btn[disabled]:hover {
	padding: 5px;
	border: 0;
}

.tool .btn i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/tool-icons.png) no-repeat;
}

.tool .btn i.on {
	background-image: url(../images/tool-icons-on.png);
}

.tool i.icon-sel {
	width: 14px;
	background-position: -110px -3px;
}

.tool i.icon-wnd-1 {
	background-position: -6px -5px;
}

.tool i.icon-wnd-2 {
	background-position: -33px -5px;
}

.tool i.icon-wnd-3 {
	background-position: -61px -5px;
}

.tool i.icon-wnd-4 {
	background-position: -88px -5px;
}

.tool i.icon-talk {
	background-position: -182px -147px;
}

.tool i.icon-talk-1 {
	background-position: -6px -4px;
}

.tool i.icon-talk-2 {
	background-position: -32px -4px;
}

.tool i.icon-talk-3 {
	background-position: -58px -4px;
}

.tool i.icon-size-1 {
	width: 19px;
	background-position: -5px -33px;
}

.tool i.icon-size-2 {
	width: 19px;
	background-position: -33px -33px;
}

.tool i.icon-size-3 {
	width: 19px;
	background-position: -61px -33px;
}

.tool i.icon-size-4 {
	width: 19px;
	background-position: -89px -33px;
}

.tool i.icon-size-5 {
	width: 19px;
	background-position: -118px -33px;
}

.tool i.icon-stream-1 {
	background-position: -5px -61px;
}

.tool i.icon-stream-2 {
	background-position: -33px -61px;
}

.tool i.icon-stream-3 {
	background-position: -61px -61px;
}

.tool i.icon-stream-4 {
	background-position: -165px -61px;
}

.tool i.icon-stream-5 {
	background-position: -193px -61px;
}

.tool i.icon-stream-6 {
	background-position: -221px -61px;
}

.tool i.icon-stream-7 {
	background-position: -249px -61px;
}

.tool i.icon-stream-8 {
	background-position: -277px -61px;
}

.tool i.icon-stream-9 {
	background-position: -305px -61px;
}

.tool i.icon-stream-10 {
	background-position: -333px -61px;
}

.tool i.icon-plugin-1 {
	background-position: -5px -90px;
}

.tool i.icon-plugin-2 {
	background-position: -32px -90px;
}

.tool i.icon-plugin-3 {
	background-position: -63px -90px;
}

.tool i.icon-plugin-4 {
	background-position: -90px -90px;
}

.tool i.icon-playall {
	background-position: -5px -147px;
}

.tool i.icon-stopplayall {
	background-position: -34px -147px;
}

.tool i.icon-capture {
	background-position: -5px -117px;
}

.tool i.icon-quick-config {
	background-position: -145px -116px;
}

.tool i.icon-record {
	background-position: -64px -147px;
}

.tool i.icon-pixelpicker {
	background-position: -173px -115px;
}

.tool i.icon-ezoom {
	background-position: -93px -147px;
}

.tool i.icon-prev {
	background-position: -124px -147px;
}

.tool i.icon-next {
	background-position: -155px -147px;
}

.tool i.icon-sound {
	background-position: -63px -117px;
}

.tool i.icon-full {
	background-position: -34px -117px;
}

.tool i.icon-3d {
	background-position: -212px -147px;
}

.tool i.icon-manualtracking {
	background-position: -245px -147px;
}

.tool i.icon-regexposure {
	background-position: -275px -147px;
}

.tool i.icon-regfocus {
	background-position: -305px -147px;
}

.tool i.icon-transcoding {
	background-position: -5px -175px;
}

.tool i.icon-reverseplay {
	background-position: -35px -175px;
}

.tool i.icon-play {
	background-position: -61px -175px;
}

.tool i.icon-pause {
	background-position: -92px -175px;
}

.tool i.icon-stop {
	background-position: -123px -175px;
}

.tool i.icon-slow {
	background-position: -156px -175px;
}

.tool i.icon-fast {
	background-position: -186px -175px;
}

.tool i.icon-frame {
	background-position: -215px -175px;
}

.tool i.icon-stopall {
	background-position: -246px -175px;
}

.tool i.icon-download {
	background-position: -278px -175px;
}

.tool i.icon-targetCapture {
	width: 22px;
	background-position: -332px -147px;
}

.tool i.icon-picdownload {
	width: 20px;
	background-position: -310px -175px;
}

.tool i.icon-clip {
	background-position: -342px -176px;
}

.tool .icon-panorama {
	background-image: url("../images/panoramic_maps_btn.png");
	width: 31px;
	height: 28px;
	background-position-x: -2px;
}

.tool .icon-panorama-on {
	background-image: url("../images/panoramic_maps_btn_check.png");
	width: 31px;
	height: 28px;
	background-position-x: -2px;
}

.pop-menu, .pop-sound, .pop-trans-code {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #CFCFCF;
	z-index: 2;
}

.pop-sound {
	display: block;
	height: 20px;
	left: -1000px;
	bottom: -1000px;
	padding-left: 3px;
}

.pop-sound .icon-sound {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/tool-icons.png) -63px -117px no-repeat;
	position: absolute;
	cursor: pointer;
}

.pop-sound .icon-sound.on {
	background: url(../images/tool-icons-on.png) -63px -117px no-repeat;
}

.pop-trans-code .select {
	width: 125px;
}

.iframe-menu, .iframe-sound, .iframe-trans-code {
	display: none;
	position: absolute;
	z-index: 1;
}

.pop-menu .btn {
	padding: 3px;
}

.pop-menu .btn i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/tool-icons.png) no-repeat;
}

.pop-menu i.icon-wnd-1 {
	background-position: -6px -5px;
}

.pop-menu i.icon-wnd-2 {
	background-position: -33px -5px;
}

.pop-menu i.icon-wnd-3 {
	background-position: -61px -5px;
}

.pop-menu i.icon-wnd-4 {
	background-position: -88px -5px;
}

.pop-menu i.icon-size-1 {
	width: 19px;
	background-position: -5px -33px;
}

.pop-menu i.icon-size-2 {
	width: 19px;
	background-position: -33px -33px;
}

.pop-menu i.icon-size-3 {
	width: 19px;
	background-position: -61px -33px;
}

.pop-menu i.icon-size-4 {
	width: 19px;
	background-position: -89px -33px;
}

.pop-menu i.icon-size-5 {
	width: 19px;
	background-position: -118px -33px;
}

.pop-menu i.icon-stream-1 {
	background-position: -5px -61px;
}

.pop-menu i.icon-stream-2 {
	background-position: -33px -61px;
}

.pop-menu i.icon-stream-3 {
	background-position: -61px -61px;
}

.pop-menu i.icon-stream-4 {
	background-position: -165px -61px;
}

.pop-menu i.icon-stream-5 {
	background-position: -193px -61px;
}

.pop-menu i.icon-stream-6 {
	background-position: -221px -61px;
}

.pop-menu i.icon-stream-7 {
	background-position: -249px -61px;
}

.pop-menu i.icon-stream-8 {
	background-position: -277px -61px;
}

.pop-menu i.icon-stream-9 {
	background-position: -305px -61px;
}

.pop-menu i.icon-stream-10 {
	background-position: -333px -61px;
}

.pop-menu i.icon-plugin-1 {
	background-position: -5px -90px;
}

.pop-menu i.icon-plugin-2 {
	background-position: -32px -90px;
}

.pop-menu i.icon-plugin-3 {
	background-position: -63px -90px;
}

.pop-menu i.icon-plugin-4 {
	background-position: -90px -90px;
}

.pop-menu i.icon-talk-1 {
	background-position: -90px -61px;
}

.pop-menu i.icon-talk-2 {
	background-position: -116px -61px;
}

.pop-menu i.icon-talk-3 {
	background-position: -142px -61px;
}
/*****slider style*****/
.slider {
	height: 6px;
	background-color: #AEAEAE;
	-moz-border-radius: 3px;
	/* Gecko browsers */
	-webkit-border-radius: 3px;
	/* Webkit browsers */
	border-radius: 3px;
	/* W3C syntax */
}

.sliderhover {
	background-color: #CA2C32;
}

.sliderbar {
	background: #FFFFFF;
	border: 1px solid #A5A5A5;
	width: 12px;
	height: 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.sliderbox {
	height: 14px;
	width: 28px;
	text-align: center;
	-moz-border-radius: 2px;
	/* Gecko browsers */
	-webkit-border-radius: 2px;
	/* Webkit browsers */
	border-radius: 2px;
	/* W3C syntax */
	font-size: 12px;
}
/* ptz style */
.ptz .ptz-name {
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #E2E2E2;
}

.ptz .ptz-ctrl {
	height: 130px;
}

.ptz .ptz-ctrl-l {
	float: left;
	margin-top: 10px;
	width: 115px;
}

.ptz .ptz-ctrl-r {
	float: left;
	margin-top: 10px;
	text-align: right;
	width: 75px;
}

.ptz-ctrl-l .direction {
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 4px 4px 0;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
	background-color: #FFFFFF;
	background-position: 0 -90px;
}

.ptz-ctrl-l i {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 1px 1px;
	background: url(../images/ptz-icons.png) no-repeat;
}

.ptz-ctrl-l i:hover {
	background-image: url(../images/ptz-icons-on.png);
}

.ptz i.icon-ptz-left-up {
	background-position: 0 0;
}

.ptz i.icon-ptz-up {
	background-position: -30px 0px;
}

.ptz i.icon-ptz-right-up {
	background-position: -60px 0px;
}

.ptz i.icon-ptz-left {
	background-position: 0 -30px;
}

.ptz i.icon-ptz-auto {
	background-position: -30px -30px;
}

.ptz i.icon-ptz-auto-sel {
	background-position: -126px -90px;
}

.ptz i.icon-ptz-right {
	background-position: -60px -30px;
}

.ptz i.icon-ptz-left-down {
	background-position: 0px -60px;
}

.ptz i.icon-ptz-down {
	background-position: -30px -60px;
}

.ptz i.icon-ptz-right-down {
	background-position: -60px -60px;
}

.ptz-ctrl-r .operation {
	float: left;
	width: 75px;
	height: 32px;
	margin-bottom: 4px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
	background-color: #FFFFFF;
	background-position: -32px -90px;
}

.ptz-ctrl-r i {
	float: left;
	width: 36px;
	height: 30px;
	margin: 1px 0 1px 1px;
	background: url(../images/ptz-icons.png) no-repeat;
}

.ptz-ctrl-r i:hover {
	float: left;
	width: 36px;
	height: 30px;
	margin: 1px 0 1px 1px;
	background: url(../images/ptz-icons-on.png) no-repeat;
}

.ptz-ctrl-r i.icon-ptz-zoomout {
	background-position: -90px 0;
}

.ptz-ctrl-r i.icon-ptz-zoomin {
	background-position: -126px 0;
}

.ptz-ctrl-r i.icon-ptz-focusout {
	background-position: -90px -30px;
}

.ptz-ctrl-r i.icon-ptz-focusin {
	background-position: -126px -30px;
}

.ptz-ctrl-r i.icon-ptz-irisout {
	background-position: -90px -60px;
}

.ptz-ctrl-r i.icon-ptz-irisin {
	background-position: -126px -60px;
}

.ptz-slider {
	width: 190px;
}

.ptz-ctrl-bottom {
	width: 190px;
	height: 59px;
	margin: 10px 0 10px 0;
	background-image: url(../images/ptz-icons.png);
	background-position: 0 -212px;
}

.ptz-ctrl-bottom i {
	float: left;
	width: 37px;
	height: 28px;
	margin: 1px 0 1px 1px;
	background-image: url(../images/ptz-icons.png);
	cursor: pointer;
}

.ptz-ctrl-bottom i:hover {
	float: left;
	width: 37px;
	height: 28px;
	margin: 1px 0 1px 1px;
	background-image: url(../images/ptz-icons-on.png);
	cursor: pointer;
}

.ptz-ctrl-bottom i.icon-ptz-light {
	background-position: -162px 0;
}

.ptz-ctrl-bottom i.icon-ptz-light-on {
	background-image: url(../images/light-on.gif);
}

.ptz-ctrl-bottom i.icon-ptz-light-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -199px -90px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-wiper {
	background-position: -162px -30px;
}

.ptz-ctrl-bottom i.icon-ptz-wiper-on {
	background-image: url(../images/rain-on.gif);
}

.ptz-ctrl-bottom i.icon-ptz-wiper-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -199px -120px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-auxfocus {
	background-position: -199px 0;
}

.ptz-ctrl-bottom i.icon-ptz-auxfocus-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -199px -210px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-lensinit {
	background-position: -199px -30px;
}

.ptz-ctrl-bottom i.icon-ptz-lensinit-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -199px -240px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-menu {
	background-position: -162px -90px;
}

.ptz-ctrl-bottom i.icon-ptz-menu-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -198px -270px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-manualtrack {
	background-position: -162px -60px;
}

.ptz-ctrl-bottom i.icon-ptz-manualtrack-on {
	background-image: url(../images/ptz-icons-on.png);
	background-position: -162px -60px;
}

.ptz-ctrl-bottom i.icon-ptz-manualtrack-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -236px -210px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-zoom3d {
	background-position: -199px -60px;
}

.ptz-ctrl-bottom i.icon-ptz-zoom3d-on {
	background-image: url(../images/ptz-icons-on.png);
	background-position: -199px -60px;
}

.ptz-ctrl-bottom i.icon-ptz-zoom3d-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -236px -240px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-facesnap {
	background-position: -282px 0px;
}

.ptz-ctrl-bottom i.icon-ptz-facesnap-on {
	background-image: url(../images/ptz-icons-on.png);
	background-position: -282px 0px;
}

.ptz-ctrl-bottom i.icon-ptz-facesnap-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -236px -240px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-ctrl {
	background-position: -236px -270px;
}

.ptz-ctrl-bottom i.icon-ptz-manual-trace {
	background-position: -266px -211px;
	background-repeat: no-repeat;
}

.ptz-ctrl-bottom i.icon-ptz-manual-trace-disabled {
	background-position: -266px -240px;
	background-repeat: no-repeat;
}

.ptz-ctrl-bottom i.icon-ptz-manual-trace-on {
	background-image: url(../images/ptz-icons-on.png);
	background-position: -266px -211px;
}

.ptz-ctrl-bottom i.icon-ptz-ctrl-on {
	background-image: url(../images/ptz-icons-on.png);
	background-position: -236px -270px;
}

.ptz-ctrl-bottom i.icon-ptz-ctrl-disabled {
	background-image: url(../images/ptz-icons.png);
	background-position: -266px -270px;
	cursor: default;
}

.ptz-ctrl-bottom i.icon-ptz-cruise {
	background-position: -231px -150px;
}

.ptz-ctrl-bottom i.icon-ptz-cruise-on {
	background-image: url(../images/ptz-icons-on.png);
	background-position: -231px -150px;
}

.ptz-ctrl-bottom i.icon-ptz-parkaction {
	background-position: -261px -150px;
}

.ptz-ctrl-bottom i.icon-ptz-parkaction-on {
	background-image: url(../images/ptz-icons-on.png);
	background-position: -261px -150px;
}

.ptz .line {
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	padding-left: 10px;
}

.ptz .line-select {
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	padding-left: 10px;
	background-color: #EEEEEE;
}

.ptz .line-normal {
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	padding-left: 10px;
	background-color: #ffffff;
	white-space: nowrap;
}

.ptz .line-normal .line-name {
	width: 160px;
}

.ptz .line-name {
	display: inline-block;
	width: 53px;
	vertical-align: super;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ptz .preset-index {
	display: inline-block;
	width: 23px;
	vertical-align: super;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ptz .preset-name {
	display: inline-block;
	width: 68px;
	vertical-align: super;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ptz .preset-name-disabled {
	display: inline-block;
	width: 68px;
	vertical-align: super;
	color: gray;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#tabs-1, #tabs-2, #tabs-3 {
	overflow: auto;
	border: 1px solid #AAAAAA;
}

.tabs-2 i {
	float: right;
	width: 30px;
	height: 30px;
	margin: 1px 0 1px 1px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
}

.tabs-2 i.preset-goto {
	width: 20px;
	background-position: -10px -152px;
}

.tabs-2 i.preset-edit {
	width: 20px;
	background-position: -35px -152px;
}

.tabs-2 i.preset-delete {
	width: 20px;
	background-position: -45px -182px;
}

.tabs-2 i.patrol-start {
	width: 20px;
	background-position: -5px -182px;
}

.tabs-2 i.patrol-stop {
	width: 20px;
	background-position: -66px -182px;
}

.tabs-2 i.patrol-edit {
	width: 20px;
	background-position: -35px -152px;
}

.tabs-2 i.patrol-delete {
	width: 20px;
	background-position: -35px -182px;
}

.tabs-2 .patrol-title {
	height: 30px;
	line-height: 30px;
}

.tabs-2 .patrol-title-color {
	background-color: #F0F0F0;
}

.tabs-2 .patrol-preset {
	float: left;
	margin-left: 10px;
	width: 55px;
	text-align: center;
}

.tabs-2 .patrol-time {
	float: left;
	margin-left: 10px;
	width: 35px;
	text-align: center;
}

.tabs-2 .patrol-time-unit {
	float: left;
	width: 10px;
	text-align: center;
}

.tabs-2 .patrol-speed {
	float: left;
	margin-left: 10px;
	width: 35px;
	text-align: center;
}

.tabs-2 .patrol-text {
	margin-left: 10px;
	width: 35px;
}

.tabs-2 .patrol-select {
	width: 55px;
	box-sizing: border-box;
}

.tabs-2 .patrol-bottom-border {
	border-bottom: 1px solid #AAAAAA;
}

.tabs-2 i.patrol-preset-add {
	width: 20px;
	background-position: -95px -182px;
}

.tabs-2 i.patrol-preset-delete {
	width: 20px;
	background-position: -125px -182px;
}

.tabs-2 i.patrol-preset-up {
	width: 20px;
	background-position: -215px -182px;
}

.tabs-2 i.patrol-preset-down {
	width: 20px;
	background-position: -245px -182px;
}

.tabs-2 .patrol-bottom span {
	float: left;
	margin: 8px 0 0 5px;
	width: 80px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
}

.tabs-2 .patrol-bottom span.patrol-confirm {
	background-position: -60px -152px;
	color: #ffffff;
}

.tabs-2 .patrol-bottom span.patrol-cancel {
	background-position: -140px -152px;
}

.tabs-2 i.track-start {
	width: 20px;
	background-position: -5px -182px;
}

.tabs-2 i.track-stop {
	width: 20px;
	background-position: -66px -182px;
}

.tabs-2 i.track-record {
	width: 20px;
	background-position: -155px -182px;
}

.tabs-2 i.track-stop-record {
	width: 20px;
	background-position: -185px -182px;
}

.tabs-2 i.track-delete {
	width: 20px;
	background-position: -35px -182px;
}

.ng-cloak {
	display: none;
}

/* preview style */
.preview .layout-center-inner, .preview .layout-south-inner {
	overflow: auto;
	border: 1px solid #d4d4d4;
}

.preview .layout-south-inner {
	border-top: 0;
}

.preview .layout-center {
	padding-top: 15px;
}

.preview .layout-east {
	padding: 0 10px 0 5px;
}
/* playback style */
.playback .layout-center-inner, .playback .layout-south-inner {
	border: 1px solid #d4d4d4;
}

.playback .layout-south-inner {
	border-top: 0;
}

.playback .layout-south {
	padding: 5px 15px 0 15px;
}

.playback .layout-east {
	padding: 35px 10px 5px 5px;
}

.playback .channel-no {
	float: left;
	height: 35px;
	line-height: 35px;
}

.playback .current-status {
	float: right;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
}

.playback .timebar {
	height: 85px;
	overflow: hidden;
	border: 1px solid #E2E2E2;
}

.playback .playbackbar {
	height: 60px;
	background-color: #343434;
}

.playback .record-types {
	float: right;
	height: 25px;
	line-height: 25px;
}

.playback .record-type, .playback .record-type .type {
	float: left;
}

.playback .record-type {
	margin-right: 10px;
}

.playback .record-type .type {
	width: 10px;
	height: 10px;
	margin: 8px 5px 0 0;
}

.playback .record-type .type.command {
	background-color: #15B89B;
}

.playback .record-type .type.time {
	background-color: #637DEC;
}

.playback .record-type .type.alarm {
	background-color: #F8477E;
}

.playback .record-type .type.manual {
	background-color: #F7C705;
}

.btn-search {
	width: 200px;
	margin: 0;
	margin-top: 10px;
}

.btn-search .img {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) 0 -60px no-repeat;
}

.playback .goto {
	display: inline-block;
	position: absolute;
	width: 192px;
	height: 77px;
	left: 10px;
	bottom: 2px;
}

.playback .goto .title {
	height: 28px;
	line-height: 28px;
	padding-left: 13px;
	background-color: #CECECE;
}

.playback .goto .content {
	padding: 8px 10px;
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
}

.playback .goto .colon {
	width: 18px;
	text-align: center;
}

.playback .goto .txt {
	width: 19px;
	height: 22px;
	line-height: 22px;
	padding-left: 3px;
	border: 1px solid #A9A9A9;
}

.playback .goto .btn {
	padding: 2px 18px;
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #D4D4D4;
}

.playback .goto .btn i.icon-goto {
	display: inline-block;
	width: 18px;
	height: 15px;
	background: url(../images/tool-icons.png) -368px -176px no-repeat;
}

.playback .goto .arraw {
	width: 13px;
	height: 6px;
	margin: 0 auto;
	margin-top: -1px;
	background: #FFFFFF url(../images/goto-icons.png) center center
		no-repeat;
}

.playback .bar-ctrl {
	position: absolute;
	width: 32px;
	height: 15px;
	bottom: 97px;
	right: 19px;
	background-color: #000000;
	z-index: 10;
}

.playback .bar-ctrl-iframe {
	position: absolute;
	width: 32px;
	height: 15px;
	bottom: 97px;
	right: 19px;
	z-index: 9;
}

.playback .time-narrow {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	background: url(../images/timebar-icons.png) 0 0 no-repeat;
	cursor: pointer;
}

.playback .time-narrow:hover {
	background-position: 0 -20px;
}

.playback .time-expand {
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	background: url(../images/timebar-icons.png) -20px 0 no-repeat;
	cursor: pointer;
}

.playback .time-expand:hover {
	background-position: -20px -20px;
}

/* table style */
.table {
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.table .disabled {
	pointer-events: none;
	/*cursor: not-allowed;*/
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.table .checkbox {
	margin: 2px 0 0 0;
	padding: 0;
	vertical-align: text-top;
	cursor: pointer;
	width: 13px;
	height: 13px;
}

.table .table-header {
	border: 1px solid #D4D4D4;
	white-space: nowrap;
}

.table .table-body {
	overflow: auto;
}

.table .table-remain {
	border: 1px solid #D4D4D4;
	border-top: 0px;
	border-bottom: 0px;
	display: none;
	white-space: nowrap;
}

.table .table-row {
	border: 1px solid #D4D4D4;
	border-top: 0px;
	white-space: nowrap;
	overflow: hidden;
}

.table .table-cell {
	display: inline-block;
	border-right: 1px solid #D4D4D4;
	text-align: center;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.table .edit-cell {
	cursor: pointer;
	position: relative;
}

.table .edit-cell-enter {
	background-color: #f2f2f2;
	color: #000000;
}

.table .edit-cell-enter .cell-border {
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #73B8EE;
	z-index: 0;
}

.table .table-cell select {
	outline: none;
	position: relative;
	z-index: 1;
}

.table .edit-cell input {
	position: absolute;
	border-width: 1px;
	left: 0;
	top: 0;
	z-index: 1;
}

.table .table-footer {
	border: 1px solid #D4D4D4;
	background-color: #F2F2F2;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.table .table-footer-nopage {
	border: none;
	background-color: #D4D4D4;
	height: 1px;
	/*IE 默认最小15px，设置line-height及font-size后可设置小高度div*/
	line-height: 1px;
	font-size: 0px;
}

.table .table-odd {
	background-color: #F6F6F6;
}

.table .table-even {
	background-color: #FFFFFF;
}

.table .table-enter {
	background-color: #E0E0E0;
}

.table .table-select {
	background-color: #B3B3B3;
	color: #FFFFFF;
	vertical-align: middle;
	cursor: default;
}

.table .table-page-label {
	margin: 0 5px 0 5px;
}

.table .table-footer .btn {
	height: 22px;
	line-height: normal;
	padding: 0 5px;
	margin: -2px 3px 0 3px;
	vertical-align: middle;
	background-color: #F2F2F2;
	border: 1px solid #C5C5C5;
	font-size: 12px;
	-moz-border-radius: 2px;
	/* Gecko browsers */
	-webkit-border-radius: 2px;
	/* Webkit browsers */
	border-radius: 2px;
}
/*menu*/
.sdmenu {
	font-family: Arial, sans-serif;
	overflow: hidden;
	background-color: #EBEBEB;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	padding-left: 7px;
	padding-top: 20px;
	overflow-y: auto;
	height: 95%;
}

.sdmenu .displaynone {
	display: none;
}

.menu-wrap {
	background-color: #CA2C32;
}

.menu {
	overflow: hidden;
	font-size: 12px;
	color: #4D4C4C;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

.menu-hover {
	background-color: #E0E0E0;
}

.menu-2 span {
	padding-left: 8px;
}

.menu-title {
	cursor: pointer;
	vertical-align: middle;
	height: 32px;
	line-height: 32px;
}

.menu-title-2 {
	cursor: pointer;
	vertical-align: middle;
	height: auto;
	line-height: normal;
	padding: 8px 0px 8px 42px;
}

.menu-channel {
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	vertical-align: middle;
}

.menu-channel .select {
	width: 195px;
	border: 0;
	padding: 4px 0px 4px 45px;
	text-align: center;
	color: #1E1E1E;
	font-weight: bold;
}

.collapsed .menu {
	display: none;
}

.collapsed .not-menu {
	display: none;
}

.menu-select {
	color: #CA2C32;
	font-weight: bold;
	background-color: #FFFFFF;
	cursor: default;
}

.menu-select .menu-title {
	color: #CA2C32;
}

.menu-icon {
	float: left;
	width: 25px;
	height: 22px;
	background-image: url("../images/menu-icons.png");
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 6px;
}

.menu-select .menu-icon {
	background-image: url("../images/menu-icons-on.png");
}

.local-icon {
	background-position: 0px 0px;
}

.system-icon {
	background-position: -35px 0px;
	margin-top: 6px;
}

.network-icon {
	background-position: -71px 0px;
}

.storage-icon {
	background-position: -105px 0px;
}

.video-icon {
	background-position: -280px 0px;
}

.image-icon {
	background-position: -140px 0px;
}

.event-icon {
	background-position: -175px 0px;
	margin-top: 6px;
}

.smart-icon {
	background-position: -208px 0px;
	margin-top: 6px;
}

.intel-icon {
	background-position: -243px 0px;
}

.ptz-icon {
	background-position: -315px 0px;
}

.traffic-incident-icon {
	background-position: -452px 0px;
}

.vehicle-icon {
	background-position: -344px 0px;
}

.platform-icon {
	background-position: -370px 0px;
}

.heatmap-icon {
	background-position: -399px 0px;
}

.peopleCount-icon {
	background-position: -424px 0px;
}

.facelib-icon {
	background-position: -243px -25px;
}

.person-density-icon {
	background-position: -483px 0px;
}

.queue-detection-icon {
	background-position: -537px 0px;
}

.faceCapture-icon {
	background-position: -510px 0px;
}

.mixTargetDetection-icon {
	background-position: -209px 0px;
}
/* guide */
.guide {
	height: 25px;
	margin: 5px 0 10px 15px;
	border-bottom: 1px solid #C8C8C8;
}

.guide .step {
	float: left;
	position: relative;
	height: 24px;
	cursor: pointer;
}

.guide .step .txt {
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border: 1px solid #C8C8C8;
	border-right: 0;
}

.guide .step .arraw {
	display: inline-block;
	width: 7px;
	height: 26px;
	background: url(../images/guide-icons.png) no-repeat;
}

.guide .step.last .arraw {
	display: none;
}

.guide .current .txt {
	border: 1px solid #CA2C32;
	border-right: 0;
	color: #CA2C32;
}

.guide .current .arraw, .guide .arraw.on {
	background-position: -10px 0;
}

.guide .first {
	z-index: 2;
}

.guide .center {
	z-index: 1;
}

.guide .last {
	z-index: 0;
}

.guide .first .bdr-r {
	border-right: 1px solid #CA2C32;
}

.guide .center .txt, .guide .last .txt {
	margin-left: -6px;
	padding-left: 18px;
	border-left: 0;
}

.guide .last .txt {
	border-right: 1px solid #C8C8C8;
}

.guide .last.current .txt {
	border-right: 1px solid #CA2C32;
}

.guide-view {
	position: relative;
	left: 15px;
}

.guide-view-left0 {
	position: relative;
	left: 0;
}

.guide-view .step-view .item {
	margin-left: 0;
}

.guide-view .step-view .grid {
	margin-left: 0;
}

.step-view {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
/*timeplan*/
.timeplan_btns {
	width: 660px;
	height: 29px;
	padding-left: 13px;
	color: #656363;
}

.timeplan_btn {
	float: left;
	margin-right: 4px;
}

.timeplan_tip {
	float: right;
	padding-top: 4px;
	margin-right: 7px;
	color: #788FB9;
}

.timeplan_days {
	float: left;
	width: 660px;
	padding: 19px 0 13px 13px;
	background-color: #F7F7F7;
}

.timeplan_day {
	height: 45px;
}

.timeplan_dayname {
	float: left;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #656363;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.timeplan_daydraw {
	float: left;
	width: 582px;
	height: 34px;
	background: url(../images/timeplan.png) 0 50% no-repeat;
}

.timeplan_copyto {
	display: none;
	float: left;
	width: 20px;
	height: 16px;
	margin: 17px 0 0 5px;
	background: url(../images/config-icons.png) -110px 0 no-repeat;
}

.timeplan_copyto_top {
	height: 25px;
	line-height: 25px;
	margin: 0 5px;
	border-bottom: 1px solid #E6E6E6;
}

.timeplan_copyto_txt {
	font-weight: 900;
	padding-left: 3px;
}

.timeplan_copyto_checkall {
	display: inline-block;
	float: right;
	width: 90px;
	margin-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.timeplan_checkboxs .timeplan_copyto_bottom {
	text-align: right;
	background-color: #F7F7F7;
}

.timeplan_daytimeplan {
	position: relative;
	width: 576px;
	height: 16px;
	margin-left: 2px;
	margin-top: 17px;
}

.timeplan_checkboxs {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 242px;
	height: 152px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
	color: #4d4c4c;
	z-index: 9999;
}

.timeplan_checkboxs td {
	width: 80px;
	height: 30px;
	text-align: left;
}

.timeplan_checkbox {
	vertical-align: middle;
	margin: 3px 3px 3px 10px;
}

.timeplan_drawtypes {
	float: left;
	margin-left: 15px;
}

.timeplan_drawtypes .drawtype {
	height: 15px;
	margin-bottom: 15px;
}

.timeplan_drawtypes .color {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

.timeplan_drawtypes .txt {
	float: left;
	height: 16px;
	line-height: 16px;
}

.timeplan_timetip {
	display: none;
	position: absolute;
	width: 184px;
	text-align: center;
	z-index: 9999;
}

.timeplan_timetip_top {
	width: 182px;
	height: 15px;
	border: 1px solid #DDDDDD;
	border-bottom: 0;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #FFFFFF;
}

.timeplan_timetip_middle {
	width: 182px;
	border: 1px solid #DDDDDD;
	border-top: 0;
	border-bottom: 0;
	background-color: #FFFFFF;
}

.timeplan_timetip_bottom {
	width: 184px;
	height: 12px;
	background: url(../images/timeplan-icons.png) -3px -30px no-repeat;
}

.timeplan_timetip .txt {
	width: 25px;
}

.timeplan_timetip .ctrl {
	color: #2f47ff;
	cursor: pointer;
}

.timeplan_timetip .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 10px;
	height: 10px;
	background: url(../images/timeplan-icons.png) -55px -10px no-repeat;
	cursor: pointer;
}

.timeplan_timetip_hover {
	display: none;
	position: absolute;
	text-align: center;
	color: #585858;
}

.timeplan_timetip_hover_top {
	width: 96px;
	line-height: 18px;
	border: 1px solid #DDDDDD;
	border-bottom: 0;
	background-color: #FFFFFF;
}

.timeplan_timetip_hover_bottom {
	width: 98px;
	height: 7px;
	background: url(../images/timeplan-icons.png) -81px -10px no-repeat;
}

.timeplan_tipsleft, .timeplan_tipsright {
	display: none;
	position: absolute;
	width: 37px;
	height: 16px;
	line-height: 16px;
	padding: 1px 0 5px 0;
	text-align: center;
	font-family: simsun;
	color: #FFFFFF;
	background: url(../images/timeplan-icons.png) -3px -3px no-repeat;
}

.timeplan_resizeLeft, .timeplan_resizeRight {
	display: none;
	position: absolute;
	top: -1px;
	width: 5px;
	height: 16px;
	background: url(../images/timeplan-icons.png) -184px -3px no-repeat;
	cursor: w-resize;
}

.timeplan_resizeLeft {
	left: -3px;
	cursor: w-resize;
}

.timeplan_resizeRight {
	right: -3px;
	cursor: e-resize;
}

.timeplan_mask {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000000;
	filter: alpha(opacity = 5);
	opacity: 0.05;
}
/* link */
.links {
	height: 420px;
	border-left: 1px solid #C8C8C8;
}

.link .checkbox {
	vertical-align: middle;
	margin: 0 5px 0 10px;
}

.link {
	float: left;
	width: 200px;
	border: 1px solid #C8C8C8;
	border-left: 0;
}

.link .title {
	width: 200px;
	height: 27px;
	line-height: 27px;
	border-bottom: 1px solid #C8C8C8;
	background-color: #F7F7F7;
	font-weight: 700;
}

.link .content {
	height: 390px;
	overflow: hidden;
	overflow-y: auto;
}

.link .content .item {
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
}

.link .content .item.bg {
	background-color: #F9F9F9;
}

.link .content .item .select {
	width: 175px;
	margin: 0 5px 0 10px;
}

.link .content .white-light-time {
	margin-left: 27px;
	height: 24px;
	line-height: 24px;
}

.link .content .white-light-time input {
	width: 40px;
	height: 16px;
	line-height: 16px;
	margin-left: 10px;
}

.link .content .white-light-time .caption {
	float: left;
	width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.link .content .alarm-voice {
	height: 18px;
	line-height: 18px;
}

.link .content .alarm-voice .audioType input {
	width: 50px;
	margin-left: 10px;
	height: 16px;
	line-height: 16px;
	position: relative;
	cursor: pointer;
}

.link .content .alarm-voice .voiceTypeList {
	position: absolute;
	width: 51px;
	background: #FFFFFF;
	border: 1px solid #828790;
	left: 98px;
	cursor: default;
}

.link .content .alarm-voice .voiceTypeList li.bgColor {
	background-color: #1E90FF;
}
/* copyto */
.copyto {
	width: 230px;
	height: 330px;
	border: 1px solid #C8C8C8;
	background-color: #FFFFFF;
}

.copyto .checkbox {
	vertical-align: middle;
	margin: 0 5px 0 10px;
}

.copyto .title {
	height: 27px;
	line-height: 27px;
	border-bottom: 1px solid #C8C8C8;
	background-color: #F7F7F7;
	font-weight: 700;
}

.copyto .content {
	height: 302px;
	overflow: hidden;
	overflow-y: auto;
}

.copyto .content .item {
	height: 30px;
	line-height: 30px;
	margin: 0;
}

.copyto .content .item.bg {
	background-color: #F9F9F9;
}
/*config*/
.cell-edit {
	display: inline-block;
	width: 25px;
	height: 15px;
	background: url(../images/config-icons.png) -143px 0 no-repeat;
	cursor: pointer;
}

.cell-delete {
	display: inline-block;
	margin-top: 7px;
	width: 15px;
	height: 15px;
	background: url(../images/config-icons.png) -33px 0 no-repeat;
	cursor: pointer;
}

.config .color-link {
	color: #0000EE;
}

.config .layout-west {
	background-color: #EBEBEB;
}

.config .layout-center-inner {
	overflow: auto;
}

.config .view {
	min-width: 900px;
	padding: 10px 15px;
}

.config .plugin-small {
	width: 423px;
	height: 345px;
	background-color: #343434;
}

.config .btn {
	padding: 4px 8px;
	margin: 0 10px 0 0;
	line-height: normal;
	border: 1px solid #8C8C8C;
	-moz-border-radius: 2px;
	font-size: 12px;
	/* Gecko browsers */
	-webkit-border-radius: 2px;
	/* Webkit browsers */
	border-radius: 2px;
}

.config .btnCenter {
	margin-right: 0;
}

.config .btn-browser {
	padding: 2px 17px;
	line-height: normal;
	margin-left: 5px;
	background-color: #F2F2F2;
	border: 1px solid #C5C5C5;
}

.config .btn-control {
	padding: 2px 17px;
	margin-right: 5px;
	line-height: normal;
	background-color: #F2F2F2;
	border: 1px solid #C5C5C5;
	font-style: normal;
}

.config .btn-control.min-width90 {
	min-width: 90px;
}

.config .btn-control.width90 {
	width: 90px;
}

.config .btn-save {
	padding: 7px 8px;
	margin: 25px 0 0 25px;
	width: 165px;
	border: 0;
}

.config .btn-save .img {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -70px -61px no-repeat;
}

.config .btn-copyto {
	padding: 6px 7px;
	margin: 25px 0 0 25px;
	width: 165px;
}

.config .btn-copyto .copyto {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -35px -60px no-repeat;
	border: 0;
}

.config .btn-alarm {
	padding: 6px 7px;
	margin: 25px 0 0 25px;
	width: 165px;
}

.config .btn-alarm .alarm {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -110px -60px no-repeat;
	border: 0;
}

.config .btn-ptz-lock {
	display: none;
	width: 160px;
	margin: 0 auto;
}

.config .btn.noBorder {
	border: 0;
}

.config .btn .add {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -33px 0 no-repeat;
}

.config .btn .modify {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -33px 0 no-repeat;
}

.config .btn .delete2 {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -33px 0 no-repeat;
}

.config .btn .delete {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -33px 0 no-repeat;
}

.config .btn .deleteAll {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) -70px 0 no-repeat;
}
/*.config .btn .copyTo {
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url(../images/config-icons.png) -110px 0 no-repeat;
}*/
.config .items {
	padding: 10px;
}

#localService .item, .dialog .item, .config .item {
	height: 30px;
	line-height: 30px;
	margin: 0 15px;
}

.item.subItem {
	padding-left: 20px;
}

.config .item.item-height-170px {
	height: 170px;
}

.config .item.width-240 {
	width: 240px;
}

.config .item-guide {
	line-height: 30px;
	margin: 0 15px;
}

.config .item.title {
	background-color: #F2F2F2;
	font-weight: 700;
	padding-left: 15px;
	margin-top: 10px;
}

#userManage .security {
	max-width: 130px;
}

.dialog .item .text, .config .item .text {
	width: 198px;
}

.config .item .text-long {
	width: 330px;
}

.dialog .item .select, .config .item .select {
	width: 202px;
}

.config .item .checkbox, .grid .grid-span-even .poeCheckbox,
	#localService .checkbox, .config .item .radio {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

.radio.vertical-middle {
	vertical-align: middle;
}

.config .item span, .dialog .item span {
	float: left;
}

.config .item span.first {
	width: 150px;
	white-space: nowrap;
}

.config .item span.first.labelTitle {
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}

#display span.first {
	overflow: hidden;
	text-overflow: ellipsis;
}

.config .item span.slider-span {
	padding-top: 5px;
}

.config .item span.width100 {
	width: 100px;
	white-space: nowrap;
}

.config .item span.width200 {
	width: 200px;
}

.config .item span.second {
	margin-left: 20px;
}

.config .item input.width25 {
	width: 25px;
}

.config .width30 {
	width: 30px;
}

.width64 {
	width: 64px;
}

.config .width70 {
	width: 70px;
}

.config .width78 {
	width: 78px;
}

.width80 {
	width: 80px;
}

.config .width98 {
	width: 98px;
}

.width120 {
	width: 120px;
}

.config .width150 {
	width: 150px;
}

.config .width298 {
	width: 298px;
}

.config .width625 {
	width: 625px;
}

.config .width620 {
	width: 620px;
}

.config .width555 {
	width: 555px;
}

.width400 {
	width: 400px;
}

.config .width430 {
	width: 430px;
}

.config .height120 {
	height: 120px;
}

.config .height150 {
	height: 150px;
}

.config .height118 {
	height: 118px;
}

.config .height244 {
	height: 244px;
}

.config .button {
	width: 80px;
	height: 24px;
}

.config .padding-left20 {
	padding-left: 20px;
}

.config .margin-top10 {
	margin-top: 10px;
}

.config .padding-top20 {
	padding-top: 20px;
}

.config .margin-left15 {
	margin-left: 15px;
}

.config .item.margin-left60 {
	margin-left: 60px;
}

.config .item.margin-left60 .width-105 {
	width: 105px;
}

.config .grid-left0 {
	width: 755px;
}

.config .grid {
	margin: 0 15px;
	width: 755px;
}

.config .grid715 {
	margin: 0 15px;
	width: 715px;
}

.config .grid625 {
	margin: 0 15px;
	width: 625px;
}

.config .grid855.title {
	width: 840px;
}

.config .grid855 {
	margin: 0 15px;
	width: 855px;
}

.config .grid-height {
	height: 400px;
	overflow: auto;
}

.config .grid-height321 {
	height: 321px;
	overflow: auto;
}

.config .grid-height262 {
	height: 262px;
	overflow: auto;
}

.config .grid-height263 {
	height: 263px;
	overflow: auto;
}

.config .grid-height200 {
	height: 200px;
	overflow: auto;
}

.config .grid-title {
	width: 740px;
}

.config .grid-title700 {
	width: 700px;
}

.config .grid-title610 {
	width: 610px;
}

.config .grid-title600 {
	width: 600px;
}

.config .width615 {
	width: 615px;
}

.config span.grid-title-right {
	float: right !important;
	margin-right: 15px;
}

.config .controls {
	margin-top: 15px;
	margin-bottom: 5px;
}

.config .controls.slider-ctrl {
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
}

.config .controls span {
	float: left;
}

.config .controls span.title {
	margin-right: 15px;
}

.config .slider-normal {
	width: 200px;
	margin-top: 4px;
	height: 26px;
	line-height: 26px;
}

.config .margin-top8 {
	margin-top: 8px;
}
/* local */
.local .radio-span {
	width: 130px;
	white-space: nowrap;
}

.local .item {
	padding-left: 25px;
}

.local .item .text {
	width: 425px;
	vertical-align: middle;
}

.local .item .text-short {
	width: 170px;
}

.local.lan-not-zh span.first {
	width: 200px;
}

.search-nfs .grid-search {
	margin: 0 15px;
	height: 300px;
	overflow: auto;
}

.network .grid-span-odd {
	display: inline-block;
	padding-left: 15px;
	width: 335px;
	height: 30px;
	line-height: 30px;
	background-color: #FFFFFF;
}

.network .grid-span-even {
	display: inline-block;
	padding-left: 15px;
	width: 335px;
	height: 30px;
	line-height: 30px;
	background-color: #F5F5F5;
}

.network .grid-span-none {
	display: inline-block;
	width: 365px;
	line-height: 30px;
	border: 1px solid #d4d4d4;
	background-color: #FFFFFF;
}

#advancedHttps .first {
	width: 200px;
}
/*maintain*/
.maintain .item .txt {
	width: 340px;
	margin-right: 8px;
}

.noteTips.desc, .maintain .desc {
	margin: 10px 0 0 15px;
	font-weight: 700;
}

.upgrade-slider {
	width: 300px;
}
/*通道管理*/
.channel-manage .grid-span-odd {
	padding-left: 15px;
	height: 30px;
	line-height: 30px;
	background-color: #FFFFFF;
}

.channel-manage .grid-span-even {
	padding-left: 15px;
	height: 30px;
	line-height: 30px;
	background-color: #f5f5f5;
}

.channel-manage .first {
	display: inline-block;
	width: 300px;
}
/* user */
.permissions {
	height: 330px;
	border-left: 1px solid #C8C8C8;
	margin: 5px 15px 0 15px;
}

.permission .checkbox {
	vertical-align: middle;
	margin: 0 5px 0 10px;
}

.permission {
	float: left;
	width: 260px;
	border: 1px solid #C8C8C8;
	border-left: 0;
}

.permission .title {
	width: 260px;
	height: 27px;
	line-height: 27px;
	border-bottom: 1px solid #C8C8C8;
	background-color: #EAEAEA;
}

.permission .content {
	height: 300px;
	overflow: hidden;
	overflow-y: auto;
}

.permission .content .item {
	height: 26px;
	line-height: 26px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.permission .content .item.bg {
	background-color: #EAEAEA;
}
/*image*/
.image-plugin {
	/*width: 515px;
	height: 421px;*/
	width: 423px;
	height: 345px;
	background-color: #343434;
	margin-top: 10px;
	margin-left: 15px;
}

.item.image-controls {
	margin-top: 15px;
}

.image-menu {
	border-bottom: #D9D9D9 solid 1px;
	padding-bottom: 2px;
	margin-left: 15px;
}

.image-menu-title {
	padding: 8px 0px 10px 10px;
	text-align: left;
	font-weight: bold;
	color: #383838;
	font-size: 13px;
	cursor: pointer;
}

.image-expanded {
	background: url(../images/expand-down.png) no-repeat -20px 11px;
}

.image-collapsed {
	background: url(../images/expand-up.png) no-repeat -20px 11px;
}
/*osd*/
.osd-left {
	display: inline-block;
	width: 450px;
}

.osd-right {
	display: inline-block;
	vertical-align: top;
	width: 430px;
}

.osd-right .item {
	padding-left: 15px;
}

.image-menu .item {
	padding-left: 0;
}

.osd-color-short-select {
	width: 90px;
}

.osd-color-short-text {
	width: 80px;
}
/*event motion*/
.motion-area {
	height: 355px;
	margin-top: 10px;
}

.motion-area-left {
	margin-right: 10px;
	margin-top: 10px;
	float: left;
}

.motion-area-params {
	width: 400px;
}
/*smart*/
.smart .virtual-link {
	padding: 15px 0 0 15px;
}

.smart .smartPTZ {
	position: absolute;
	left: 430px;
	top: 0;
	width: 214px;
}

.smart .smartPTZ .ui-tabs-panel {
	height: 245px;
	width: 187px;
}
/*专业智能相关*/
.config .videoparts {
	margin: 5px 15px;
}

.videoparts .videopart {
	float: left;
}

.videoparts .buttonlist {
	width: 48px;
	height: 526px;
	border: 1px solid #DBDBDB;
	margin-top: 10px;
}

.videoparts .buttonlist.calibration {
	height: 570px;
}

.videoparts .buttonlist button {
	margin: 5px 0 5px 6px;
	padding: 7px 9px;
	background-color: #FFFFFF;
	border: none;
	cursor: pointer;
	background-image: url(../images/config-icons.png);
	background-position: 0px -157px;
	width: 34px;
	height: 32px;
	display: block;
}

.videoparts .buttonlist button span {
	height: 20px;
	width: 20px;
	display: inline-block;
	background-image: url(../images/config-icons.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.maxRectDraw {
	background-position: -108px -28px;
}

.maxRectDrawDis {
	background-position: -108px -80px;
}

.minRectDraw {
	background-position: -69px -28px;
}

.minRectDrawDis {
	background-position: -69px -80px;
}

.polygonDraw {
	background-position: -145px -29px;
}

.polygonDrawDis {
	background-position: -145px -81px;
}

.rectDraw {
	background-position: -184px -27px;
}

.rectDrawDis {
	background-position: -184px -79px;
}

.lineDraw {
	background-position: -219px -29px;
}

.lineDrawDis {
	background-position: -219px -79px;
}

.lineDraw {
	background-position: -219px -29px;
}

.lineDrawDis {
	background-position: -219px -79px;
}

.delDraw {
	background-position: -247px -27px;
}

.delDraw.disabled {
	background-position: -248px -82px;
}

.pointDraw {
	background-position: -219px -57px;
}

.pointDraw.disabled {
	background-position: -246px -57px;
}

.clearCounter {
	background-position: -147px -163px;
}

.horizonCali {
	background-position: -70px -105px;
}

.horizonCali.disabled {
	background-position: -70px -129px;
}

.verticalCali {
	background-position: -110px -105px;
}

.verticalCali.disabled {
	background-position: -110px -129px;
}

.startCali {
	background-position: -248px -105px;
}

.startCali.disabled {
	background-position: -248px -129px;
}

.stopCali {
	background-position: -33px -105px;
}

.stopCali.disabled {
	background-position: -33px -129px;
}

.changeDirection {
	background-position: 0 -107px;
}

.changeDirection.disabled {
	background-position: 0 -130px;
}

.horizonReal {
	background-position: -183px -105px;
}

.horizonReal.disabled {
	background-position: -183px -129px;
}

.verticalReal {
	background-position: -219px -105px;
}

.verticalReal.disabled {
	background-position: -219px -129px;
}

.calculate {
	background-position: -146px -105px;
}

.calculate.disabled {
	background-position: -146px -129px;
}

.arrowLine {
	background-position: -68px -200px;
}

.arrowLine.disabled {
	background-position: -108px -200px;
}

.breakLine {
	background-position: 0 -200px;
}

.breakLine.disabled {
	background-position: -32px -200px;
}

.grid-title .titleborder {
	padding-right: 20px;
}

.grid-title .addbutton {
	float: right !important;
	cursor: pointer;
	border: none;
	background: url(../images/config-icons.png);
	height: 16px;
	width: 20px;
	display: inline-block;
	margin: 10px 30px 0 0;
}

.grid-title .addbutton.disabled {
	background-position: -146px -60px;
}

.config .top {
	border-bottom: 1px solid #C8C8C8;
}

.config .top label {
	border-bottom: 2px solid #CA2C32;
	margin-top: -2px;
	color: #CA2C32;
	padding: .5em 1em;
	text-decoration: none;
	outline: 0;
	display: inline-block;
	font-weight: bold;
}

.config .indent {
	padding-left: 15px;
}

.config .item.desc {
	background: #F2F2F2;
	padding: 5px 0 5px 15px;
}

.config .Intellicheckbox {
	vertical-align: middle;
	margin-right: 5px;
}

.config .listTitle {
	width: 753px;
	margin: 0 15px;
	height: 30px;
	line-height: 30px;
	background: #FFFFFF;
	font-weight: bold;
	border: 1px solid #EFEFEF;
	border-bottom: none;
}

.listTitle .borderspan {
	border-right: 1px solid #CFCFCF;
	height: 16px;
	line-height: 16px;
}

.config .SceneEnable {
	display: inline-block;
	width: 75px;
	text-align: center;
	line-height: 22px;
}

.config .SceneIndex {
	display: inline-block;
	width: 100px;
	text-align: center;
	line-height: 22px;
}

.config .SceneName {
	display: inline-block;
	width: 270px;
	text-align: center;
	line-height: 22px;
}

.config .SceneDirect {
	display: inline-block;
	width: 270px;
	text-align: center;
	line-height: 22px;
}

.config .SceneDirect select {
	width: 200px;
	border: 1px solid #FFFFFF;
	height: 22px;
	padding-left: 5px;
}

.config .rulelist {
	list-style: none;
	margin-left: 15px;
	width: 753px;
	border: 1px solid #EFEFEF;
	overflow: auto;
	overflow-x: hidden;
	height: 196px;
}

#localPreviewDlg .height150 {
	height: 150px;
	overflow: auto;
}

.config .ruleTitle {
	height: 30px;
	line-height: 30px;
}

.config .rulelist .oneRuleBasic {
	padding-left: 15px;
	padding: 5px 0;
	border-bottom: 1px solid #EBEBEB;
	height: 20px;
}

.config .rulelist .oneRuleParam {
	border: 1px solid #EFEFEF;
}

.rulelist .RuleParamFilter {
	margin-left: 28px;
	width: 295px;
	float: left;
}

.rulelist .ruleNameTips {
	position: absolute;
	top: 2px;
}

.rulelist .sceneNameText {
	max-width: 210px;
	overflow: hidden;
	white-space: nowrap;
}

.rulelist .RuleParamFilter div {
	margin: 10px 0 5px 0;
}

.rulelist .RuleParamFilter select {
	width: 190px;
	height: 22px;
	line-height: 22px;
}

.rulelist .ruleFilterSesc {
	width: 73px;
	display: inline-block;
}

.rulelist .ruleFilterInput {
	width: 73px;
	margin-right: 7px;
	height: 18px;
	padding-left: 5px;
	line-height: 18px;
}

.rulelist .RuleParamFilter .MaxObjectSizeHeight, .rulelist .RuleParamFilter .MinObjectSizeHeight
	{
	margin-left: 7px;
}

.rulelist .RuleParamType {
	width: 385px;
	float: left;
	margin-left: 20px;
}

.rulelist .RuleParamType .ruleParamConfig {
	margin: 10px 0 5px 0;
}

.rulelist .RuleParamType .text, .rulelist .RuleParamType select {
	width: 145px;
	height: 22px;
	box-sizing: border-box;
	border: 1px solid #D0D0D0;
}

.rulelist .RuleParamType .ruleParamDesc {
	display: inline-block;
	width: 140px;
	white-space: nowrap;
	float: left;
	height: 23px;
	line-height: 23px;
}

.rulelist .oneRuleBasic.selectedRule {
	background: #E1E1E1;
}

.rulelist .SceneNameBlur {
	border: none;
	padding: 0 0 0 10px;
	height: 22px;
	width: 200px;
	line-height: 22px;
}

.rulelist .SceneRuleOdd {
	background: #FAFAFA;
}

.rulelist .removehaviorrule {
	cursor: pointer;
	float: right;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/config-icons.png) -33px 0px;
	margin: 3px 0px 0 0px;
}

.rulelist .slider-rule {
	width: 135px;
	display: inline-block;
	float: left;
}

.rulelist .ruleTips {
	display: inline-block;
	white-space: nowrap;
	float: left;
	height: 23px;
	line-height: 23px;
}

.rulelist .slider-rule .slider {
	width: 100px;
}

.rulelist .slider-rule .sliderbox {
	height: 22px !important;
	width: 28px !important;
	text-align: center !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px !important;
	line-height: 22px;
	padding: 0 !important;
}

.CalibrationTypeSelect {
	margin: 0 0 0 100px;
	width: 200px;
}

.calibrationHelpImg {
	margin-left: 15px;
	height: 375px;
}

.calibrationVerifyBtnBar {
	height: 30px;
	border: 1px solid #DBDBDB;
}

.calibrationVerifyBtn {
	margin: 5px 5px 0 9px;
	width: 100px;
}

.calibrationCalculateBtn {
	margin-left: 10px;
	width: 100px;
}

.intelliVideo {
	width: 705px !important;
	height: 528px !important;
	background-color: #343434;
	margin-top: 10px;
}

.intelliSmallVideo {
	width: 655px !important;
	height: 478px !important;
	background-color: #343434;
	margin-top: 10px;
}

.calibrationVideo #PreviewActiveX {
	width: 515px !important;
	height: 421px !important;
	margin-top: 10px;
}

.calibrationLineBar {
	height: 40px;
	line-height: 40px;
	background: #FFFFCC;
}

.calibrationLineBar label {
	margin-left: 15px;
}

.calibrationLineBar select {
	margin-left: 60px;
}

.calibrationResult {
	width: 175px;
	width: 160px;
	margin: 5px 3px;
	border: 1px solid #DEDEDE;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
}

.calibrationResult.first {
	margin-left: 30px;
}

.divideparam {
	width: 120px;
}

.ruleParamsPart {
	margin: 20px 0 0 15px;
}

.intelliPTZ {
	float: left;
	width: 110px;
	height: 330px;
	margin: 10px 0 0 0;
	padding: 0 0 196px 8px;
	border: 1px solid #DBDBDB;
}

.intelliPTZ .ui-tabs-panel {
	max-height: 206px !important;
	height: auto !important;
}

.intelliPTZ .ptz-ctrl-l, .intelliPTZ .ptz-ctrl-r {
	float: none !important;
}

.intelliPTZ .PTZOperator>div {
	display: none;
}

.intelliPTZ .ptz-ctrl {
	display: block !important;
}

.intelliPTZ .ptz-ctrl-r .operation {
	width: 104px !important;
	background: none;
}

.intelliPTZ .ptz-ctrl-r i {
	margin: 0 !important;
	width: 50px !important;
	border: 1px solid #DBDBDB;
}

.intelliPTZ .ptz-ctrl-r i.icon-ptz-zoomout {
	background-position: -80px 0 !important;
	border-right: 1px dashed #DBDBDB !important;
}

.intelliPTZ .ptz-ctrl-r i.icon-ptz-focusout {
	background-position: -82px -30px;
	border-right: 1px dashed #DBDBDB !important;
}

.intelliPTZ .ptz-ctrl-r i.icon-ptz-irisout {
	background-position: -82px -60px;
	border-right: 1px dashed #DBDBDB !important;
}

.intelliPTZ .ptz-ctrl-r i.icon-ptz-zoomin {
	background-position: -117px 0 !important;
	border-left: none !important;
}

.intelliPTZ .ptz-ctrl-r i.icon-ptz-focusin {
	background-position: -119px -30px !important;
	border-left: none !important;
}

.intelliPTZ .ptz-ctrl-r i.icon-ptz-irisin {
	background-position: -120px -60px !important;
	border-left: none !important;
}

.intelliPTZ .playbtn {
	margin: 260px 0 0 0;
	width: 100px;
	height: 25px;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
	cursor: pointer;
	text-align: left;
}

.intelliRulelockPTZ {
	position: absolute;
	right: 0;
}

.intelliPTZ .lockPTZ {
	display: block;
	width: 103px;
	margin-top: 5px;
}

.intelliPTZ .playbtn * {
	cursor: pointer;
}

.intelliPTZ .playbtn span {
	display: inline-block;
	width: 30px;
	height: 14px;
	margin: 0 5px 0 11px;
	background-image: url(../images/ptz-icons.png);
	background-position: 0 -187px;
}

.intelliPTZ .tabs-2 {
	display: none;
}

.config .mouseover {
	display: none;
}

.config .rulelist .oneRuleBasic:hover .mouseover {
	display: inline-block !important;
}

.config .rulelist .oneRuleBasic .ruleBtnHover {
	display: none;
}

.config .rulelist .ruleHover .oneRuleBasic .ruleBtnHover {
	display: inline-block !important;
}

.config .oneRuleBasic .PatrolUp {
	width: 25px;
	height: 15px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
	background-position: -212px -190px;
	position: relative;
	display: inline-block;
}

.config .oneRuleBasic .PatrolDown {
	width: 25px;
	height: 15px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
	background-position: -242px -190px;
	position: relative;
	display: inline-block;
}

.config .oneRuleBasic .PatrolDelete {
	width: 25px;
	height: 15px;
	cursor: pointer;
	background: url(../images/config-icons.png) -28px -1px;
	position: relative;
	display: inline-block;
}

.config .oneRuleBasic .sceneBtn {
	width: 25px;
	height: 18px;
	vertical-align: bottom;
}

.config .hrefstyle {
	text-decoration: underline;
	cursor: pointer;
	margin-right: 10px;
	color: #0000FF;
}

.patrolText {
	width: 30px;
	margin: 0 5px;
}

.patrolLabel {
	width: 30px;
	margin: 0 5px;
}

.editTime .patrolText {
	display: none;
}

.showTime .patrolLabel {
	display: none;
}

.editTime .patrolUnit {
	display: none;
}

.patrolError {
	position: relative;
	background: #FFFFFF;
	border: solid 1px red;
	height: 20px;
	width: 86px;
	z-index: 9999;
	padding: 0 10px;
}

.patrolTimeText {
	padding-left: 60px;
	width: 210px;
	display: inline-block;
	white-space: nowrap;
}
/*专业智能相关*/
/* 车辆检测相关*/
.overlayWidth {
	width: 798px;
}

.overlayitems {
	margin-left: 15px;
	padding: 5px 0 10px 15px;
}

.overlayitems span {
	width: 130px;
	display: inline-block;
	height: 20px;
	padding-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.overlayitems .checkbox {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 3px;
}

.overlayTitle {
	margin: 0 15px;
	height: 33px;
	line-height: 33px;
	background: #FFFFFF;
	font-weight: bold;
	border: 1px solid #EFEFEF;
	border-bottom: none;
	padding-left: 15px;
	text-align: center;
}

.overlayTable {
	margin: 0 0 0 15px;
	border: 1px solid #EFEFEF;
	width: 813px;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.overlayTable th {
	font-weight: bolder;
	background: #F3F3F3;
}

.overlayTable td, .overlayTable th {
	text-align: center;
	padding: 8px 0;
	border: 1px solid #f5f4f4;
}

.overlayTable tr.even {
	background: #FAFAFA;
}

.overlayTable .PatrolUp {
	width: 25px;
	height: 15px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
	background-position: -212px -189px;
	display: inline-block;
}

.overlayTable .PatrolDown {
	width: 25px;
	height: 15px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
	background-position: -242px -189px;
	display: inline-block;
}

.slider-normal-block {
	width: 230px;
	height: 25px;
	position: relative;
	z-index: 999;
	left: -230px;
	background: url(../images/goto-icons.png) 10px 50% no-repeat;
}

.inputcolorPicker {
	margin: 0 0 0 10px;
}

.overLayInputWidth {
	width: 230px !important;
	box-sizing: border-box;
}

.overLayInputWidth select {
	width: 230px !important;
	box-sizing: border-box;
}

.overlayHeadInsent {
	padding-left: 17px;
	width: 133px !important;
}
/*车辆检测相关*/
/* input valid style */
.inputValidTip {
	display: inline;
	margin-left: 2px;
	white-space: nowrap;
	padding-left: 2px;
}

.inputValidTip.border {
	/*border mode*/
	padding: 2px;
	border: 1px solid red;
	border-radius: 2px;
	background-color: #FFFFFF;
}

.inputValidTip .error {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/config-icons.png) -247px 0 no-repeat;
	vertical-align: text-bottom;
}

.inputValidTip .success {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/config-icons.png) -215px 0 no-repeat;
	vertical-align: text-bottom;
}

.inputValidTip label {
	padding-left: 3px;
	color: #CA2C32;
}

.inputValidTip .txt {
	padding-left: 3px;
	color: #CA2C32;
}

.inputValidError {
	border: 2px solid #FF0000;
}
/*HDD Test*/
.grid-test {
	width: 720px;
}

.grid-test .table-container {
	float: left;
	width: 450px;
	height: 450px;
}

.grid-test .info {
	float: left;
	width: 250px;
}

.grid-test .block-style {
	float: left;
	width: 200px;
}

.grid-test .block-ok {
	float: left;
	width: 15px;
	height: 15px;
	background-color: #33D418;
	margin-bottom: 10px;
}

.grid-test .block-bad {
	float: left;
	width: 15px;
	height: 15px;
	background-color: #F42617;
	margin-bottom: 10px;
}

.grid-test .block-shield {
	float: left;
	width: 15px;
	height: 15px;
	background-color: #F5FD22;
	margin-bottom: 10px;
}

.grid-test .block-text {
	float: left;
	height: 15px;
}

.grid-test .blank-part {
	width: 200px;
	height: 240px;
	float: left;
}

.grid-test .test-status {
	width: 200px;
	height: 120px;
	float: left;
}

.grid-test .status-line {
	height: 30px;
	line-height: 30px;
}

.grid-test .cell {
	width: 10px;
	height: 10px;
	border: 1px solid #E4E4E4;
}

.grid-test .ok-type {
	background-color: #33D418;
}

.grid-test .bad-type {
	background-color: #F42617;
}

.grid-test .shield-type {
	background-color: #F5FD22;
}

.grid-test .tool-bar {
	width: 300px;
	float: left;
}

.buttonline {
	margin: 15px 0 0 150px;
	width: 230px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
}

.grid-span {
	display: inline-block;
	width: 150px;
}

.sms-add {
	display: inline-block;
	margin: 7px 0 0 0;
	width: 16px;
	height: 16px;
	background: url(../images/config-icons.png) no-repeat;
	cursor: pointer;
}

.sms-edit {
	display: inline-block;
	margin: 7px 5px 0 5px;
	width: 25px;
	height: 15px;
	background: url(../images/config-icons.png) -143px 0 no-repeat;
	cursor: pointer;
}

.table .table-cell .table-btn {
	color: #000000;
	min-width: 100px;
	padding: 2px 17px;
	margin-right: 10px;
	line-height: normal;
	background-color: #f2f2f2;
	border: 1px solid #c5c5c5;
	border-radius: 2px;
	display: inline-block;
	cursor: pointer;
}
/*ptz*/
.ptzCfg .item-ptz {
	position: relative;
	margin-left: 15px;
}

.ptzCfg .ptzPTZ {
	position: absolute;
	left: 430px;
	top: 0;
	width: 214px;
}

.ptzCfg .ptz-ctrl {
	height: 115px;
}

.ptzCfg .ptz-slider {
	margin-bottom: 5px;
}

.ptzCfg .ui-tabs {
	padding-left: 0px;
}

.ptzCfg .ptz-ctrl-l, .ptzCfg .ptz-ctrl-r {
	margin-top: 0;
}

.ptzCfg .ptzPTZ .ui-tabs-panel {
	height: 245px;
	width: 187px;
}

#tableNfs .shadowRow {
	position: absolute;
	left: 27px;
	z-index: 9;
	width: 755px;
	height: 28px;
}

#tableNfs .nasParams {
	height: 60px;
	background: #FFFFFF;
}

#tableNfs .nasParam {
	display: inline-block;
	float: left;
	height: 20px;
	margin: 20px 10px;
	color: #000000;
}

#tableNfs .nasParam .desc {
	margin-right: 10px;
}

.width70 {
	width: 70px;
}

#tableNfs .nasParam .errorTips {
	position: absolute;
	z-index: 1;
	color: #CA2C32;
	padding: 2px;
	border: 1px solid red;
	border-radius: 2px;
	background-color: #FFFFFF;
	margin: 0 5px;
}
/* number directive style */
.config .number {
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 20px;
}

.config .number.min {
	width: 50px;
	margin: 0 10px 0 10px;
	padding: 0 5px;
}

.config .number .input {
	padding-right: 17px;
}

.config .number .arrow {
	display: inline-block;
	position: absolute;
	right: 2px;
	width: 15px;
	height: 7px;
	background: #F1F1F1 url(../images/number-icons.png) no-repeat;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
}

.config .number .arrow.up:hover, .config .number .arrow.down:hover {
	background-color: #D2D2D2;
}

.config .number .arrow.up {
	top: 2px;
	background-position: 0 0;
}

.config .number .arrow.down {
	top: 10px;
	background-position: 0 -7px;
}

.menu-3 .delete {
	background: url(../images/config-icons.png) -33px 0px;
	width: 15px;
	height: 15px;
}
/*for jquery.Plot.Chart.js start*/
.jqplot-target {
	position: relative;
	color: #666;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 1em;
}

.jqplot-axis {
	font-size: .75em;
}

.jqplot-xaxis {
	margin-top: 10px;
}

.jqplot-x2axis {
	margin-bottom: 10px;
}

.jqplot-yaxis {
	margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis,
	.jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis,
	.jqplot-yMidAxis {
	margin: 0 10px;
}

.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick,
	.jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick,
	.jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick,
	.jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick,
	.jqplot-yMidAxis-tick {
	position: absolute;
	white-space: pre;
}

.jqplot-xaxis-tick {
	top: 0;
	left: 15px;
	vertical-align: top;
}

.jqplot-x2axis-tick {
	bottom: 0;
	left: 15px;
	vertical-align: bottom;
}

.jqplot-yaxis-tick {
	right: 0;
	top: 15px;
	text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
	right: -20px;
	margin-right: 0;
	padding: 1px 5px 1px 5px;
	z-index: 2;
	font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick,
	.jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick,
	.jqplot-y8axis-tick, .jqplot-y9axis-tick {
	left: 0;
	top: 15px;
	text-align: left;
}

.jqplot-yMidAxis-tick {
	text-align: center;
	white-space: nowrap;
}

.jqplot-xaxis-label {
	margin-top: 10px;
	font-size: 11pt;
	position: absolute;
}

.jqplot-x2axis-label {
	margin-bottom: 10px;
	font-size: 11pt;
	position: absolute;
}

.jqplot-yaxis-label {
	margin-right: 10px;
	font-size: 11pt;
	position: absolute;
}

.jqplot-yMidAxis-label {
	font-size: 11pt;
	position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label,
	.jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label,
	.jqplot-y8axis-label, .jqplot-y9axis-label {
	font-size: 11pt;
	margin-left: 10px;
	position: absolute;
}

.jqplot-meterGauge-tick {
	font-size: .75em;
	color: #999;
}

.jqplot-meterGauge-label {
	font-size: 1em;
	color: #999;
}

table.jqplot-table-legend {
	margin: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid #ccc;
	position: absolute;
	font-size: .75em;
}

td.jqplot-table-legend {
	vertical-align: middle;
}

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
	cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
	text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
	border: 1px solid #ccc;
	padding: 1px;
}

div.jqplot-table-legend-swatch {
	width: 0;
	height: 0;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
}

.jqplot-title {
	top: 0;
	left: 0;
	padding-bottom: .5em;
	font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
	border: 1px solid #ccc;
	font-size: .75em;
}

.jqplot-cursor-tooltip {
	border: 1px solid #ccc;
	font-size: .75em;
	white-space: nowrap;
	background: rgba(208, 208, 208, 0.5);
	padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
	border: 1px solid #ccc;
	font-size: .75em;
	white-space: nowrap;
	background: rgba(208, 208, 208, 0.5);
	padding: 1px;
}

.jqplot-point-label {
	font-size: .75em;
	z-index: 2;
}

td.jqplot-cursor-legend-swatch {
	vertical-align: middle;
	text-align: center;
}

div.jqplot-cursor-legend-swatch {
	width: 1.2em;
	height: .7em;
}

.jqplot-error {
	text-align: center;
}

.jqplot-error-message {
	position: relative;
	top: 46%;
	display: inline-block;
}

div.jqplot-bubble-label {
	font-size: .8em;
	padding-left: 2px;
	padding-right: 2px;
	color: #333333;
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
	background: rgba(230, 230, 230, 0.7);
}

div.jqplot-noData-container {
	text-align: center;
	background-color: rgba(245, 245, 245, 0.3);
}

.jqplot-table-legend-label {
	white-space: nowrap;
}

.applicationTable {
	border: 1px solid #d4d4d4;
}
/*for jquery.Plot.Chart.js end*/
/*Application begin*/
.application {
	overflow: auto;
}

.tabs-app .ui-tabs-panel {
	border: 0px;
	padding-top: 10px;
}

.heatmap .searchcondtions {
	border: 1px solid #d4d4d4;
	border-width: 0 1px 1px 1px;
}

.heatmap .searchresult {
	border: 1px solid #d4d4d4;
	border-width: 0 1px 1px 0;
}

.heatmap .header {
	border-right: 0px;
	border-left: 0px;
}

.heatmap .body {
	width: 704px;
	height: 576px;
	margin-left: 50px;
	margin-top: 50px;
}

.heatmap .charspace {
	width: 704px;
	height: 576px;
}

.heatmap .chartimg {
	width: 750px;
	height: 576px;
}

.heatmap .spacetips {
	height: 16px;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 2px;
}

.peopleStat .inner-border {
	border: 1px solid #d4d4d4;
}
/*Application end*/
/*traffic start*/
.mergeGuide {
	height: 150px;
	width: 150px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.mergeGuide .gap-tab {
	border: none;
	width: 5px;
}

.mergeGuide td {
	border: 1px solid #000;
	text-align: center;
	font-size: 16px;
}

.mergeBox td span {
	padding-left: 33px;
}

.mergeBox td span input {
	vertical-align: middle;
}

.overlayBox textarea {
	width: 544px;
	height: 62px;
	resize: none;
	margin: 2px 8px;
}

.overlayBox .overlaycheckbox {
	width: 544px;
	margin: 8px 8px 0;
}

.overlayBox div span {
	width: 130px;
	display: inline-block;
	float: left;
	height: 30px;
	line-height: 30px;
}

.overlayBox div span .checkbox {
	vertical-align: middle;
}

.overlayBox div span label {
	display: inline-block;
	width: 110px;
	height: 30px;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.overlayBox table {
	width: 544px;
	border-collapse: collapse;
	margin: 10px 6px;
}

.overlayBox table tr {
	width: 544px;
}

.overlayBox table th {
	background: #eaeaea;
	color: #949494;
}

.overlayBox table td, .overlayBox table th {
	width: 25%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cccccc;
	height: 30px;
}

.overlayBox table td input {
	width: 100%;
	height: 100%;
	border: 0;
	text-align: center;
	line-height: 30px;
}

.mergeBox .mergeTable {
	border-collapse: collapse;
}

.mergeBox .mergeType {
	padding: 10px;
	border: 1px solid #d4d4d4;
}

.lightNote {
	color: #A0A0A0;
	margin: 5px 0 0 15px;
}

.copySceneNote {
	color: #A0A0A0;
	margin: 5px 0 5px 10px;
}

.trafficPicParams {
	text-align: center;
}

.trafficPicParams th {
	width: 100px;
	padding: 5px 0;
}

.trafficPicParams .paramError {
	margin-top: 20px;
	display: inline-block;
	float: left;
	border: 1px solid red;
	padding: 0 5px;
}

.trafficPicParams .index {
	vertical-align: top;
}

.trafficPicParams select {
	margin-bottom: 20px;
}

.trafficPicParams input {
	margin-top: 20px;
	width: 60px;
}

.trafficCalibration {
	margin-left: 15px;
	width: 755px;
}

.trafficCalibration div {
	width: 280px;
	height: 25px;
	margin-top: 10px;
	float: left;
	display: inline-block;
	padding-left: 50px;
}

.trafficCalibration div span {
	width: 120px;
	display: inline-block;
}

.trafficCalibration div span input {
	width: 100px;
}

.trafficPathBox {
	width: 600px;
}

.trafficPathBox .head {
	width: 585px;
	border-bottom: 1px solid #C8C8C8;
	padding: 5px 0px 5px 10px;
}

.trafficPathBox .head label {
	font-weight: bold;
}

.trafficPathBox .head .button {
	margin-left: 20px;
	width: auto;
	padding: 0 5px;
}

.trafficPathBox .bottomHead {
	margin-top: 50px;
}

.trafficPathBox span {
	width: 100px;
	display: inline-block;
	float: left;
	padding: 10px 10px;
	white-space: nowrap;
}

.trafficPathBox span abbr {
	width: 0;
	height: 0;
	position: relative;
	z-index: 1;
	border: 1px solid red;
	background: #ffffff;
}

.trafficPathBox .checkbox {
	vertical-align: bottom;
}

.trafficPathBox .pathResult {
	padding: 2px 5px;
	width: 560px;
	height: 70px;
	border: 1px solid #C8C8C8;
	margin: 5px;
	background: #EAEAEA;
	word-wrap: break-word;
}

.trafficPathBox .pathResult label {
	padding-right: 2px;
}

.rulelist .ruleSet {
	background-image: url(../images/ptz-icons.png);
	background-position: -35px -158px;
	display: inline-block;
	width: 25px;
	height: 15px;
	vertical-align: middle;
	cursor: pointer;
}

.trafficRuleParam {
	width: 750px;
	margin: 0 15px;
}

.trafficRuleParam .bold {
	font-weight: bold;
}

.trafficRuleParam .ruleTitle {
	background: #EAEAEA;
	font-weight: bold;
}

.trafficRuleParam .ruleTitle label {
	padding: 0 10px;
}

.trafficRuleParam .aidTypeParm {
	width: 350px;
	float: left;
	display: inline-block;
	margin: 10px;
}

.trafficRuleParam .paramDividing {
	clear: both;
	height: 1px;
	background: #EAEAEA;
	width: 700px;
	margin: 0 auto;
}

.trafficRuleParam .aidTypeParm .checkbox {
	vertical-align: bottom;
}

.trafficRuleParam .ruleParam {
	display: inline-block;
	width: 330px;
	height: 30px;
}

.trafficRuleParam .ruleParam .first {
	float: left;
	display: inline-block;
	width: 140px;
}

.trafficRuleParam .ruleParam .ruleSlider {
	float: left;
	display: inline-block;
	width: 160px;
}

.oneRuleBasic .addPatrolScene {
	background: url(../images/config-icons.png);
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 4px 42px;
	cursor: pointer;
}

.scenePatrol .scenePatrolInfo {
	margin: 10px 15px;
	font-weight: bold;
}

.scenePatrol .scenePatrolInfo label {
	margin: 0 5px;
}

.scenePatrol .scenePatrolInfo .scenePatrolTips {
	float: right;
	color: #A0A0A0;
	font-weight: normal;
}

.oneRuleBasic .addPatrolScene.disabled {
	background-position: -146px -60px;
}

#trafficRuleParam .copyRules {
	padding: 0 10px;
	margin: 5px 0 15px 0;
}

#trafficRuleParam .copyRules span {
	width: 70px;
	display: inline-block;
	margin: 5px 0 0 10px;
}

#trafficRuleParam .copyRules span input {
	vertical-align: bottom;
	margin-right: 2px;
}
/*traffic end*/
.strength {
	width: 65px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #CCCCCC;
	text-align: center;
	margin-top: 5px;
}

.config .btn-tabs {
	margin: 0px;
}

.config .btn-tabs.tab-select {
	background: #d8151d;
	color: #ffffff;
	border: 0px;
}

.msg-content-wrap {
	display: none;
}

.msg-content {
	padding: 35px 10px 5px 49px;
	word-wrap: break-word;
	overflow: hidden;
}

.msg-content .item {
	margin: 0px;
}

.msg-content .item .text {
	width: 200px;
	outline: none;
}

.msg-content .item span.first {
	width: 164px;
	display: inline-block;
	float: left;
}

.qa-set .msg-content {
	padding: 0px 10px 5px 7px;
	word-wrap: break-word;
	overflow: hidden;
}

.qa-set .msg-content .item {
	margin: 0px;
}

.qa-set .msg-content .item .text {
	width: 200px;
	outline: none;
}

.qa-set .msg-content .item span.first {
	width: 164px;
	display: inline-block;
	float: left;
}

.password {
	margin: 7px 10px 0px 0px;
	height: 25px;
	line-height: 25px;
}

.passwordstrength {
	margin: 0 10px 10px 0;
	padding-left: 160px;
}

.passwordstrength div {
	width: 200px;
	padding-left: 4px;
	color: #999999;
	word-wrap: break-word;
}

.passwordstrength label {
	white-space: normal;
}

.passwordstrength .validate {
	white-space: nowrap;
	color: #000000;
	width: 260px;
	height: 20px;
}

.passwordstrength .validate span {
	display: inline-block;
}

.password .desc {
	width: 164px;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	float: left;
}

.password input {
	width: 202px;
	border: 1px solid #A9A9A9;
	outline: none;
}

.userstrength.first {
	border-left: 1px solid #CCCCCC;
}

.userstrength {
	display: inline-block;
	width: 65px;
	height: 4px;
	vertical-align: middle;
	background: #CCCCCC;
	margin-right: 4px;
}

.pop-up-unit {
	max-width: 39px;
	min-width: 17px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}

.trafficRuleShortTitle {
	display: inline-block;
	width: 138px;
	text-align: center;
	line-height: 22px;
}

#advancedParamBox {
	width: 500px;
}

.nowrapbox {
	white-space: nowrap;
	width: 1px;
}

.evidenceNormalPart {
	margin: 15px 0 0 8px;
}

.panoramic-iframe {
	border: none;
	width: 100%;
}

.roadinfo {
	margin-top: 10px;
	padding-left: 10px;
	width: 100%;
	height: 179px;
}

.roadimage {
	position: relative;
	width: 318px;
	height: 179px;
	background: url(../images/road.png) no-repeat;
	display: inline-block;
}

.roadmark {
	position: absolute;
	text-align: center;
	font-size: 23px;
}

.roadmark.select {
	color: red;
}

.roadmark1 {
	left: 0;
	top: 15px;
	width: 100%;
	color: #fff;
}

.roadmark2 {
	right: 12px;
	top: 97px;
	color: #fff;
}

.roadmark3 {
	left: 12px;
	top: 97px;
	color: #fff;
}

.roadmark4 {
	left: 147px;
	top: 97px;
	color: #2C57AF;
}

.roadmark5 {
	left: 215px;
	top: 97px;
	color: #2C57AF;
}

.roadmark6 {
	left: 85px;
	top: 97px;
	color: #2C57AF;
}

.roadtexts {
	margin-left: 20px;
	width: 230px;
	height: 179px;
	display: inline-block;
}

.roadtexts .firstspan {
	display: inline-block;
	width: 20px;
}

.roadtexts .secondspan {
	display: inline-block;
	width: 20px;
}

.roadtext {
	height: 30px;
	line-height: 30px;
}

.originvoicebtn {
	width: 85px;
}

.volumetext {
	width: 54px;
	font-weight: bold;
}

.volumetext.textalignright {
	text-align: right;
}

.width15 {
	width: 15px;
}

.config .item span.clearcount {
	width: 185px;
}

.desc {
	font-weight: 700;
}

.psk {
	width: 198px;
	margin-left: 165px;
	color: #999999;
}

.ptzCfg .ptzPTZ.ptzpreview {
	position: relative;
	left: 0px;
	top: 10px;
	width: 214px;
}

.ptztoggle {
	width: 20px;
	height: 390px;
	cursor: pointer;
}

.ptztoggleicon {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 10px;
	height: 50px;
}

.ptztoggleiconopen {
	background: url(../images/expand.png) -10px 0 no-repeat;
}

.ptztoggleiconclose {
	background: url(../images/expand.png) 0 0 no-repeat;
}

.videotool {
	height: 35px;
	line-height: 35px;
	padding-top: 5px;
	border: 1px solid #D9D9D9;
}

.videotool.tool .btn:hover {
	padding: 4px 8px;
}

.config .videotool .btn {
	border: 0px;
}

.panoramaVideo {
	width: 1024px !important;
	height: 450px !important;
	background-color: #343434;
	margin-top: 10px;
}

.roadselect {
	width: 164px;
}

.healthbar {
	position: absolute;
	height: 15px;
	border-radius: 10px;
	left: 150px;
	margin-top: 8px;
}

.healthbartip {
	position: absolute;
	height: 15px;
	left: 460px;
}

.healthbarbk {
	width: 300px;
	background: #E1E2E6;
}

.healthbardamage {
	width: 100px;
	background: #EE3E42;
}

.healthbarbad {
	width: 200px;
	background: #F98B02;
}

.healthbargood {
	width: 300px;
	background: #88CA3F;
}

.refresh {
	height: 30px;
	line-height: 30px;
	width: 30px;
	cursor: pointer;
	display: inline-block;
	background-image: url(../images/config-icons.png);
	background-position: -177px -157px;
}

.ptzCfg .peoplecount.ptzPTZ {
	position: absolute;
	left: 778px;
	top: 15px;
	width: 214px;
}

.ptzCfg .heelPeoplecount.ptzPTZ {
	position: absolute;
	left: 778px;
	top: 180px;
	width: 214px;
}

.peoplecount .btn-ptz-lock {
	margin-bottom: 10px;
}

.buttonlist .capture {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../images/tool-icons.png);
	background-position: -6px -117px;
}

.smartcodectip {
	line-height: 30px;
	margin: 0 15px;
}

.tableDict {
	width: 718px !important;
}

#tableDict .table-header {
	background: #F2F2F2;
}

#overlayItems {
	width: 562px;
}

.trafficsceneParamVideo {
	width: 389px !important;
	height: 291px !important;
}

.trafficsceneParamPTZ {
	height: 93px !important;
}

.trafficSceneParamVideoparts {
	margin: 7px 67px 0 0 !important;
	float: left;
	width: 523px;
}

.trafficSceneParamParts {
	margin: 7px 0;
	width: 450px;
}

.trafficSceneParamNote {
	margin: 14px 0 0 0;
	color: #A0A0A0;
}

.trafficCalibrationNote {
	color: #A0A0A0;
	padding: 5px 50px;
	line-height: 25px;
}

#trafficVehicleStic .sliderbox {
	width: 35px;
}

.config .PTZOperator {
	float: left;
}

.unlocktips {
	margin-left: 165px;
	width: 200px;
	word-wrap: word-break;
}

.config .item .text-wide {
	width: 470px;
}

.config .item .select-wide {
	width: 474px;
}

::-ms-clear, ::-ms-reveal {
	display: none;
}

.noBorder {
	border: none !important;
}

.tipsSpace {
	margin-left: 22px;
}

.paramLeastWidth {
	min-width: 940px;
}

.width90 {
	width: 90px;
}

.config .sceneptz.btn-ptz-lock {
	margin-left: 665px;
}

.preset-special .patrol-delete, .preset-no-set .patrol-delete {
	display: none;
}

.preset-no-set .preset-goto {
	display: none;
}

.preset-special .preset-edit {
	display: none;
}

.peoplecount-marklist {
	height: 526px;
	margin-top: 10px;
}

.peoplecount-marklist .item {
	clear: both;
	margin: 0;
}

.peoplecount-mark {
	float: left;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.peoplecount-mark-1 {
	width: 12px;
	height: 12px;
	border: 3px solid #00FF00;
}

.peoplecount-mark-2 {
	width: 12px;
	height: 12px;
	border: 3px solid red;
}

.peoplecount-mark-3 {
	width: 18px;
	height: 3px;
	margin-top: 8px;
	background: #FFC000;
}

.peoplecount-mark-4 {
	width: 12px;
	height: 12px;
	border: 3px solid #00f0f0;
}

.peoplecount-mark-5 {
	width: 12px;
	height: 12px;
	border: 3px solid #0000FE;
}

.heelPeopleCountAdvParam .item .inputwidth {
	width: 198px;
}

.countingTime {
	color: #7F7F7F;
}

.trigger-item {
	margin-top: 15px;
}

.trigger-item .checkbox {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

.clear-flash-counting-tips {
	color: #d71920;
}

.count-area-tip {
	margin-left: 10px;
	color: #d71920;
}

.margin-bottom5 {
	margin-bottom: 5px;
}

.note {
	color: #999999;
}

.marginleft30 {
	margin-left: 30px;
}

.traffic-lane-part-left {
	display: inline-block;
	margin-left: 15px;
}

.traffic-lane-part-right {
	display: inline-block;
	width: 500px;
	vertical-align: top;
}

.rule_guide_view .guide {
	margin-left: 0px;
}

.config .traffic-rule-params {
	margin: 15px;
}

.config .traffic-rule-params .aidTypeParam {
	width: 410px;
	float: left;
	display: inline-block;
	margin: 5px;
}

.config .traffic-rule-params .ruleParam {
	display: inline-block;
	width: 460px;
	height: 30px;
}

.config .traffic-rule-params .ruleParam .ruleSlider {
	float: left;
	display: inline-block;
	width: 160px;
	padding-top: 7px;
}

.config .traffic-rule-params .ruleParam span.first {
	float: left;
	display: inline-block;
	width: 100px;
}

.config .traffic-rule-params .ruleParam .lane-item {
	margin-right: 6px;
	text-overflow: ellipsis;
}

.config .traffic-rule-params .ruleParam .lane-item label {
	display: inline-block;
	width: 32px;
	text-overflow: ellipsis;
}

.config .traffic-rule-params .ruleParam .imgNum {
	margin-left: 10px;
}

.config .traffic-rule-params .relate-parking {
	width: 600px;
}

.config .traffic-rule-params .relate-parking .parking-item {
	margin-right: 6px;
	text-overflow: ellipsis;
}

.config .traffic-rule-params .relate-parking .parking-item label {
	display: inline-block;
	width: 32px;
	text-overflow: ellipsis;
}

.config .traffic-rule-params .relate-parking .parkingNo-lists {
	float: left;
	width: 500px;
}

#LPRTable {
	width: 690px;
	border-collapse: collapse;
	border-spacing: 0;
}

#LPRTable td, #LPRTable th {
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	height: 36px;
	text-align: center;
}

.config .plateList-height {
	height: 353px;
	overflow: auto;
}

.config .auditBrowseTxt {
	width: 335px;
}

#link_view {
	margin-left: 0;
}

#link_view .current .txt {
	border-right: 1px solid #CA2C32;
}

#link_view .txt {
	border-right: 1px solid #C8C8C8;
}

.vehicleDirect {
	padding: 10px 0;
}

.vehicleDirect span {
	margin-right: 10px;
}

.inlineText {
	width: 50px;
	margin-left: 5px;
}

.noneWidthWrapper {
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: -1px;
}
/* 萤石云验证码 */
.txt-desc {
	margin: 5px 0 10px 15px;
	font-weight: 700;
}

.txt-desc a {
	color: #0000CC;
	text-decoration: underline;
	cursor: pointer;
}

.txt-desc a:hover {
	color: #0000FF;
}

.verify-code .dialog-top {
	margin-bottom: 10px;
}

.verify-code .passwordstrength {
	margin-top: 10px;
}

.verify-code .txt-desc {
	margin-top: 20px;
}

.noteicon {
	height: 20px;
	line-height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: sub;
	background-image: url(../images/config-icons.png);
	background-position: -215px -160px;
}

.notetipsicon {
	height: 20px;
	line-height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: sub;
	background-image: url(../images/config-icons.png);
	background-position: -242px -160px;
}

.passwordstrength div.notetip {
	color: #CA2C32;
	background: #fbe8e8;
}

.passwordstrength div.notetip {
	color: #CA2C32;
	background: #fbe8e8;
}

.framescount .timelist {
	width: 320px;
	height: 130px;
	overflow-y: auto;
	padding-left: 165px;
}

.framescount .tr {
	width: 290px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #D4D4D4;
	border-right: 0;
	border-bottom: 0;
	cursor: pointer;
}

.framescount .td {
	display: inline-block;
	border-right: 1px solid #D4D4D4;
	text-align: center;
}

.framescount .timelist .index {
	width: 50px;
}

.framescount .timelist .time {
	width: 180px;
}

.framescount .timelist .del {
	width: 50px;
}

.framescount .timelist .delicon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/ptz-icons.png);
	background-position: -35px -182px;
}

.framescount .trremain {
	width: 290px;
	border-bottom: 1px solid #D4D4D4;
}

.framescount .Wdate {
	width: 150px;
}

.studentstoodup-marklist {
	height: 526px;
	width: 220px;
	margin-top: 10px;
}

.studentstoodup-marklist .item {
	clear: both;
}

.studentstoodup-mark {
	float: left;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.studentstoodup-mark-1 {
	width: 12px;
	height: 12px;
	border: 3px solid #FF0000;
}

.studentstoodup-mark-2 {
	width: 12px;
	height: 12px;
	border: 3px solid #26f7ff;
}

.studentstoodup-mark-3 {
	width: 18px;
	height: 3px;
	margin-top: 8px;
	background: #00FF00;
}

.studentstoodup-mark-4 {
	width: 18px;
	height: 3px;
	margin-top: 8px;
	background: #ffd726;
}

.countCalibration .calibration-line {
	margin-top: 10px;
}

.calibration-line .calibration-tip {
	font-weight: bold;
}

.stoodup.videoparts {
	margin-left: 0;
}

.person-density-result {
	display: inline-block;
	margin-left: 5px;
	color: #7F7F7F;
}

.person-density-area {
	position: absolute;
	top: 0px;
	left: 430px;
}

.personnumber span {
	width: 60px;
}

.login-item .pwd-link {
	float: right;
	margin-right: 20px;
	font-size: 13px;
	color: #7F7F7F;
	text-align: right;
	text-decoration: underline;
	cursor: pointer;
}

.sliderLink {
	width: 150px;
	margin: 8px 5px 0 10px;
}
/*密码重置 start*/
.resetPwd {
	width: 732px;
	margin: 50px auto;
}

.menu-its .name {
	display: inline-block;
	white-space: nowrap;
	width: 100px;
}

.qa-item {
	margin-top: 10px;
}

.qa-item .item .select, .resetPwd .item .select {
	width: 302px;
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap;
}

.qa-item .item .text, .resetPwd .item .text {
	width: 298px !important;
}

.resetPwd .reset-bottom {
	height: 50px;
	line-height: 50px;
	margin: 80px 15px 40px 15px;
	padding-left: 236px;
}

.btn-common {
	display: inline-block;
	padding: 2px 17px;
	margin: 0 10px 0 0;
	line-height: normal;
	background-color: #F2F2F2;
	border: 1px solid #C5C5C5;
	font-size: 12px;
	-moz-border-radius: 2px;
	/* Gecko browsers */
	-webkit-border-radius: 2px;
	/* Webkit browsers */
	border-radius: 2px;
	cursor: pointer;
}

.qa-set .item, .resetPwd .item {
	height: 30px !important;
	line-height: 30px !important;
	margin: 0 15px;
}

.guid-control.item.title, .guid-control .item.title, .config .item.title
	{
	background-color: #F2F2F2;
	font-weight: 700;
	padding-left: 15px;
	margin-top: 10px;
}

.config .item.title .btn {
	max-width: 100px;
}

.config .item.title .btn.security {
	max-width: 125px;
}

.config .item .text {
	width: 198px;
}

.qa-set .item span, .resetPwd .item span, .config .item span {
	float: left;
}

.qa-set .item span.first, .resetPwd .item span.first, .config .item span.first
	{
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.config .item-guide label.first {
	float: left;
	display: inline-block;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.validatePlaceholder {
	padding: 10px;
}

#encryPwd .item {
	margin: 0;
}

#encryPwd input {
	width: 300px;
	height: 26px;
}

.nasInput {
	width: 115px;
}

.config .btn.operationMaxWidth {
	max-width: 145px;
}
/*密码重置 end*/
/*开放平台 start*/
.webAppTable {
	width: 740px;
	border-collapse: collapse;
	text-align: center;
	margin-left: 15px;
}

.webAppTable tr {
	height: 30px;
}

.webAppTable th {
	background: #F7F7F7;
	border: 1px solid #C8C8C8;
}

.webAppTable td {
	border: 1px solid #C8C8C8;
}

.webAppTable .select td {
	background: #B3B3B3;
}

.webAppBtns {
	margin: 15px;
	text-align: right;
	width: 740px;
}

.webAppBtns button {
	width: 100px;
}

.rectDraw {
	background-position: -184px -27px;
}

.rectDrawDis {
	background-position: -184px -79px;
}

.normalVideoBtns {
	margin-left: 20px;
	width: 422px;
}

.normalVideoBtns button {
	background-color: #FFFFFF;
	/* border: none !important; */
	cursor: pointer;
	width: 25px;
	height: 25px;
	display: inline-block;
	padding: 3px 3px !important;
	position: relative;
	top: -35px;
}

.normalVideoBtns button i {
	background-image: url(../images/config-icons.png);
	display: inline-block;
	width: 20px;
	height: 20px;
}

.presentationHeaderPane {
	height: 30px;
	border: 1px solid #D4D4D4;
	margin-top: 10px;
}

.presentationHeaderPane span {
	display: inline-block;
	width: 122px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	float: left;
}

.presentationHeaderPane span.select {
	color: white;
	background-color: #D8151D;
}

.presentationBar {
	width: 100%;
	height: 100%;
	/*height: 200px;*/
	/*margin: 10px;*/
	box-sizing: border-box;
	border-right: 10px solid transparent;
	/*border-bottom: 10px solid transparent;*/
}

#imageQueue {
	padding-top: 10px;
	/*border: 1px solid @table-border-color;*/
	border-top: none;
	/*height: 150px;*/
	overflow: hidden;
	height: 100%;
}

#imageQueue .wrapper {
	width: 120px;
	margin-left: 10px;
	float: left;
	margin-bottom: 5px;
}

#imageQueue .wrapper img {
	width: 120px;
	height: 120px;
}

#imageQueue .wrapper span {
	text-align: center;
	display: inline-block;
}

#imageQueue.reverse {
	overflow: auto;
	height: 100% !important;
}

#imageQueue.reverse .wrapper {
	width: 110px;
}

#imageQueue.reverse .wrapper img {
	width: 110px;
	height: 110px;
}

.imageQueueWrapper {
	height: 100%;
	width: 260px;
	box-sizing: border-box;
	border-bottom: 82px solid transparent;
	position: relative;
	left: -8px;
}

.reverse .wrapper {
	float: right;
}

.pluginWrapper {
	border: 10px solid transparent;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.faceLocation {
	float: right;
	border: none !important;
	margin-right: 115px !important;
}

.faceLocation i {
	background: url(../images/config-icons.png) -215px -199px no-repeat
		!important;
}

.faceLocation i.active {
	background: url(../images/config-icons.png) -243px -199px no-repeat
		!important;
}

.icon-Tool-facesnap {
	background-position: -282px 0;
	background-image: url(../images/ptz-icons.png);
}

.radio-span {
	width: 100px;
}
/*开放平台 end*/
/* 红外配置Begin */
.margin-right-20px {
	margin-right: 20px;
}

.ir-detail-containner {
	display: inline-block;
}

.ir-show-detail {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	position: relative;
	top: 4px;
	background: url(../images/ir-show-detail.png) 0 0 no-repeat;
}

.ir-tips-color {
	color: #7f7f7f;
}

.ir-detail-background {
	width: 244px;
	height: 257px;
	position: absolute;
	text-align: center;
	left: 481px;
	top: 472px;
	background: url(../images/ir-detail-background-bottom.png) 0 0 no-repeat;
}

.ir-detail-background .font-size-10 {
	display: inline-block;
	/* Chrome下不能显示12px以下字体, 用scale解决 */
	-webkit-transform: scale(0.8);
	font-size: 10px;
}

.ir-detail-background .ir-detail-title {
	display: inline-block;
	margin-top: 16px;
}

.ir-detail-background .ir-light-detail {
	width: 161px;
	height: 161px;
	position: relative;
	left: 41px;
	top: 5px;
	background: url(../images/ir-light-detail.png) 0 0 no-repeat;
}

.ir-detail-background .ir-group-1 {
	position: absolute;
	left: 68px;
	top: 218px;
	transform: rotate(21deg);
	-ms-transform: rotate(21deg);
	-moz-transform: rotate(21deg);
	-webkit-transform: rotate(21deg);
	-o-transform: rotate(21deg);
}

.ir-detail-background .ir-group-2 {
	position: absolute;
	left: 15px;
	top: 90px;
	transform: rotate(-68deg);
	-ms-transform: rotate(-68deg);
	-moz-transform: rotate(-68deg);
	-webkit-transform: rotate(-68deg);
	-o-transform: rotate(-68deg);
}

.ir-detail-background .ir-group-3 {
	position: absolute;
	left: 150px;
	top: 42px;
	transform: rotate(22deg);
	-ms-transform: rotate(22deg);
	-moz-transform: rotate(22deg);
	-webkit-transform: rotate(22deg);
	-o-transform: rotate(22deg);
}

.ir-detail-background .ir-group-4 {
	position: absolute;
	left: 196px;
	top: 166px;
	transform: rotate(-68deg);
	-ms-transform: rotate(-68deg);
	-moz-transform: rotate(-68deg);
	-webkit-transform: rotate(-68deg);
	-o-transform: rotate(-68deg);
}

.ir-detail-background .ir-angles-1 {
	position: absolute;
	left: 117px;
	top: 175px;
}

.ir-detail-background .ir-angles-2 {
	position: absolute;
	left: 69px;
	top: 127px;
}

.ir-detail-background .ir-angles-3 {
	position: absolute;
	left: 111px;
	top: 81px;
}

.ir-detail-background .ir-angles-4 {
	position: absolute;
	left: 155px;
	top: 127px;
}

.ir-detail-background.ir-detail-background-top {
	left: 481px;
	top: 195px;
	background: url(../images/ir-detail-background-top.png) 0 0 no-repeat;
}

.ir-detail-background.ir-detail-background-top .ir-detail-title {
	margin-top: 212px;
}

.ir-detail-background.ir-detail-background-top .ir-light-detail {
	top: -224px;
}

.ir-detail-background.ir-detail-background-top .ir-group-1 {
	top: 185px;
}

.ir-detail-background.ir-detail-background-top .ir-group-2 {
	top: 57px;
}

.ir-detail-background.ir-detail-background-top .ir-group-3 {
	top: 9px;
}

.ir-detail-background.ir-detail-background-top .ir-group-4 {
	top: 133px;
}

.ir-detail-background.ir-detail-background-top .ir-angles-1 {
	top: 142px;
}

.ir-detail-background.ir-detail-background-top .ir-angles-2 {
	top: 94px;
}

.ir-detail-background.ir-detail-background-top .ir-angles-3 {
	top: 48px;
}

.ir-detail-background.ir-detail-background-top .ir-angles-4 {
	top: 94px;
}
/* 红外配置End */
.facecontrast {
	width: 1000px;
	/*height: 650px;*/
}

.facecontrast .pic {
	width: 1000px;
	height: 500px;
}

.facecontrast .picImg {
	display: inline-block;
	width: 800px;
	height: 500px;
	float: left;
}

.facecontrast .picImg .img {
	width: 395px;
	height: 500px;
	margin-right: 3px;
}

.facecontrast .picList {
	display: inline-block;
	width: 150px;
	height: 500px;
	margin-left: 30px;
	/*overflow-y: auto;*/
	float: left;
}

.facecontrast .picList .img {
	width: 130px;
	height: 85px;
	margin-bottom: 10px;
	cursor: pointer;
	padding: 2px;
}

.facecontrast .picList .img.select {
	border: 2px solid #999999;
}

.facecontrast span {
	white-space: nowrap;
}
/*facelibrary*/
#faceLibraryStatistic .libraryheader {
	width: 160px;
	height: 820px;
	border: 1px solid #d4d4d4;
	border-right: 0;
	float: left;
}

#faceLibraryStatistic .layout-center-inner {
	border: 1px solid #d4d4d4;
	border-top: 1px solid #d4d4d4;
}

#faceLibraryStatistic .inner-border.config {
	border: 0;
}

#faceLibraryStatistic .searchtable {
	height: 645px;
}

#faceLibraryStatistic .librarylist .item {
	margin: 0;
}

#faceLibraryStatistic .condition {
	overflow: hidden;
}

#faceLibraryStatistic .btns {
	overflow: hidden;
	margin-top: 15px;
}

#faceLibraryStatistic .item button {
	vertical-align: middle;
}

.libraryheader i, .librarylist i {
	width: 30px;
	height: 30px;
	margin: 1px 0 1px 1px;
	cursor: pointer;
	background-image: url(../images/ptz-icons.png);
}

.facelibrary .item {
	height: 30px;
	width: 100%;
	/*padding-left: 15px;*/
}

.librarylist .item {
	height: 30px;
	line-height: 30px;
	float: left;
	/*width: 180px;*/
}

.librarylist .item.sel {
	background: #B3B3B3;
}

.facelibrary .add {
	float: right;
	width: 20px;
	height: 27px;
	background-position: -95px -182px;
}

.facelibrary .delete {
	float: right;
	width: 20px;
	background-position: -35px -182px;
}

.facelibrary .edit {
	float: right;
	width: 20px;
	background-position: -35px -152px;
}

.facelibrary .search {
	margin-top: 20px;
	width: 1150px;
}

.facelibrary .Wdate {
	width: 198px;
}

.facelibrary .searchtable {
	/*width: 1300px;*/
	/*height: 660px;*/
	padding-left: 15px;
	clear: both;
	padding-top: 20px;
}

.searchtable .content {
	height: 600px;
	overflow-y: auto;
}

.faceinfo {
	width: 400px;
}

.faceinfo .photo {
	width: 200px;
	height: 150px;
	/*border: 1px solid #999999;*/
}

.peopleStat .inner-border.config {
	border-top: 0;
}

.download .facelibrary .btn {
	height: auto;
}

.width320 {
	width: 320px;
}

.displaynone {
	display: none;
}

.margin-left100 {
	margin-left: 100px;
}

.facecontrast .item span {
	height: 30px;
	line-height: 30px;
}

.imagefile {
	position: absolute;
	filter: alpha(opacity = 0);
	opacity: 0;
	left: 170px;
	height: 30px;
	cursor: pointer;
}

.page-list {
	height: 34px;
	background-color: #F6F6F6;
}

.page-list .pagination {
	margin: 0;
	height: 34px;
}

.page-list .pagination span {
	cursor: pointer;
}

.page-list .pagination .separate span {
	cursor: default;
	border-top: none;
	border-bottom: none;
}

.page-list .pagination .separate span:hover {
	background: none;
}

.page-list .no-items {
	text-align: center;
	height: 34px;
	line-height: 34px;
}

.page-list .page-total {
	height: 34px;
	line-height: 34px;
}

.page-list .page-total .text, .page-list .page-total .sel-list {
	margin: 0 5px;
	height: auto;
	border: 1px solid #ddd;
}

.page-list .page-total .text {
	width: 40px;
	padding: 1px 3px;
}

.page-list .page-total select {
	width: 55px;
}

.page-list .page-total.goTo {
	float: right;
	margin-left: 10px;
}
/* 分页 bootstrap样式 start */
.pagination {
	display: inline-block;
	padding-left: 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	/*color: #428bca;*/
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
	.pagination>li>span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover,
	.pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover,
	.pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.dataitem {
	position: relative;
	width: 235px;
	height: 200px;
	display: inline-block;
	margin: 0 10px;
}

.dataimg {
	width: 100%;
	height: 180px;
}

.dataname {
	width: 235px;
	height: 20px;
	display: inline-block;
	text-align: center;
}

.datasel {
	position: absolute;
	right: 0px;
	top: 0px;
}

.dataview {
	height: 30px;
	padding-top: 4px;
}

.dataview i {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	background-image: url(../images/tool-icons.png);
}

.dataview i.sel {
	background-image: url(../images/tool-icons-on.png);
}

.listicon {
	background-position: -83px -117px;
}

.imgicon {
	background-position: -113px -117px;
}

.noneWidthWrapper {
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: -1px;
}

.modeling .process {
	width: 100%;
	text-align: center;
	border: 1px solid #D4D4D4;
}

.faillist {
	height: 150px;
	width: 390px;
	border: 1px solid #D4D4D4;
	overflow-y: auto;
}

.modelresult {
	width: 400px;
}

.faceContrastLog .Wdate {
	width: 198px;
}

.faceContrastLog .btn {
	margin-left: 25px;
}

.faceContrastLog .search-btn {
	width: 182px;
	margin-top: 23px;
	color: #ffffff;
	background-color: #D71920;
	height: auto;
	padding: 8px 12px;
	border-radius: 4px;
	border: 0;
}

.faceContrastLog .items {
	margin-top: 12px;
}

.faceContrastLog .item {
	margin-bottom: 3px;
}

.config .face-library-view {
	min-width: 1340px;
}

.config .peopleStat {
	min-width: 1310px;
	position: relative;
}

.margin-left-135 {
	margin-left: 135px;
}

.position-relative {
	position: relative;
}

.parking-head {
	height: 30px;
	line-height: 30px;
}

.parking-head div {
	font-weight: bold;
}

.parking-body {
	list-style: none;
}

.parking-body li {
	height: 22px;
	line-height: 22px;
	margin-top: 5px;
}

.parkingNo {
	display: inline-block;
	width: 80px;
	text-align: center;
}

.parkingSerial {
	display: inline-block;
	width: 180px;
	text-align: center;
}

.parkingSerial .parkingSerial input {
	width: 180px;
}

.custom-video .description {
	margin: 0 15px;
}

.custom-video .description .first {
	float: left;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.custom-video .description textarea {
	width: 202px;
	height: 80px;
}

.customStreamBlock {
	margin: 0 15px;
}

.customStreamBlock .first {
	float: left;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.customStreamBlock:after {
	clear: both;
	content: '';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

.stream-div {
	float: left;
}

.stream-div .stream-list-box {
	width: 202px;
	height: 140px;
	overflow: hidden;
	border: 1px solid #707070;
}

.stream-div .stream-list-box p {
	text-align: center;
	height: 140px;
	line-height: 140px;
	color: #A0A0A0;
}

.stream-div .stream-list {
	list-style: none;
	width: 202px;
	height: 140px;
}

.stream-div .stream-list li {
	height: 22px;
	line-height: 22px;
	padding: 3px;
}

.stream-div .stream-list li.SceneRuleOdd {
	background: #FAFAFA;
}

.stream-div .stream-list li.selectedRule {
	background: #E5E5E5;
}

.stream-div .stream-list .streamNameBlur {
	border: 1px solid #bcbcbc;
	padding: 0 0 0 10px;
	height: 20px;
	width: 176px;
	line-height: 20px;
}

.stream-div .stream-list .ruleNameTips {
	position: absolute;
	margin-left: 5px;
	height: 17px;
	line-height: 17px;
}

.stream-div .stream-button {
	margin-bottom: 10px;
}

.stream-div .stream-button .btn {
	outline: none;
	border: none;
}

.stream-div .stream-button .btn:focus {
	outline: none;
}

.stream-div .stream-button .btn .img {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/config-icons.png) 0px 0px no-repeat;
}

.stream-div .stream-button .deletebutton .img {
	background-position: -32px 0px;
}

.stream-div .stream-button .deletebuttonDis .img {
	background-position: -246px -84px;
}

.stream-div .stream-button .addbuttonDis .img {
	background-position: -146px -59px;
}

.stream-div .onStreamInfo {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*排队检测 Begin*/
.padding-right5 {
	padding-right: 5px;
}

.margin-left-25 {
	margin-left: -25px;
}

.config .queue-detection-rule .controls .btn-color {
	float: right;
	width: 60px;
	position: relative;
	margin-right: 0;
}

.queue-detection-rule .controls {
	position: relative;
	margin-bottom: 15px;
}

.queue-detection-rule .icon-drop {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/common-icon.png);
	position: absolute;
	top: 3px;
	left: 57px;
}

.queue-detection-rule .icon-drop-down {
	background-position: 0 0;
}

.queue-detection-rule .icon-drop-up {
	background-position: -32px 0;
}

.queue-detection-rule .color-block {
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 6px;
	left: 45px;
}

.queue-detection-rule .color-block-yellow {
	background-color: #FFC000;
}

.queue-detection-rule .color-block-red {
	background-color: #FF0000;
}

.queue-detection-rule .color-block-blue {
	background-color: #0060FF;
}

.queue-detection-rule .color-pop {
	width: 76px;
	border: 1px solid #8c8c8c;
	position: absolute;
	top: 24px;
	right: 0;
	text-align: center;
}

.queue-detection-rule .color-pop .span-color {
	display: inline-block;
	padding: 4px 8px;
	width: 60px;
	line-height: normal;
	position: relative;
	background-color: #fff;
	cursor: pointer;
}

.queue-detection-rule .color-pop .span-color-even {
	background-color: #dedede;
}

.queue-detection-rule .color-pop .span-color:hover,
	.queue-detection-rule .color-pop .span-color-even:hover {
	background-color: #26a0da;
}

.queue-detection-rule .item input.text-width-50 {
	width: 50px;
}

.queue-detection-rule .queue-area {
	width: 650px;
	margin-left: 453px;
	margin-top: 10px;
}

.queue-detection-rule .queue-area .extra-tips {
	margin-left: 20px;
	color: #cccccc;
}

.queue-detection-rule .queue-area .extra-tips .tips-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/common-icon.png) -80px 0 no-repeat;
	vertical-align: middle;
}

.queue-detection-rule .queue-area .content {
	margin-left: 15px;
}

.queue-detection-rule .queue-area .content .item span.first {
	width: 135px;
}

.queue-detection-statistics .span-type {
	display: inline-block;
	width: 89px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	border: 1px solid #A6A6A6;
	cursor: pointer;
}

.queue-detection-statistics .span-type-left {
	border-right: 0;
}

.queue-detection-statistics .span-type-sel {
	background-color: #d8151d;
	color: #fff;
}

.queue-detection-statistics .select {
	width: 183px;
}

.queue-detection-statistics .item-first {
	margin-top: 5px;
}

.queue-detection-statistics .item-first input {
	vertical-align: middle;
	margin-right: 2px;
}

.queue-detection-statistics .item-normal {
	margin-top: 10px;
}

.queue-detection-statistics .item-normal input {
	vertical-align: middle;
	margin-right: 2px;
}

.queue-detection-statistics .span-range {
	display: inline-block;
}

.queue-detection-statistics .span-range .range-condition {
	display: inline-block;
	width: 35px;
}

.queue-detection-statistics .span-range .range-condition-70 {
	display: inline-block;
	width: 70px;
}

.queue-detection-statistics .span-range .range-condition-75 {
	display: inline-block;
	width: 75px;
}

.queue-detection-statistics .span-range .range-separator-width-30 {
	display: inline-block;
	text-align: center;
	width: 30px;
}

.queue-detection-statistics .span-range .range-separator-width-35 {
	display: inline-block;
	text-align: center;
	width: 35px;
}

.queue-detection-statistics .span-range .range-separator-width-40 {
	display: inline-block;
	text-align: center;
	width: 40px;
}

.queue-detection-statistics .span-range .text-range {
	width: 30px;
	margin: 0px;
}

.queue-detection-statistics .span-range.zh {
	margin-left: 2px;
}

.queue-detection-statistics .span-range.not-zh {
	margin: 5px 0 0 17px;
}

.queue-detection-statistics .level-label {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.queue-detection-statistics .level-width-12 {
	width: 12px;
}

.queue-detection-statistics .level-width-32 {
	width: 32px;
	margin-right: 7px;
}

.queue-detection-statistics .level-width-50 {
	width: 50px;
}

.queue-detection-statistics .level-width-70 {
	width: 70px;
}

.queue-detection-statistics .level-width-160 {
	width: 160px;
}

.queue-detection-statistics .searchcondtions {
	border: 1px solid #d4d4d4;
	border-width: 0 1px 1px 1px;
}

.queue-detection-statistics .searchresult {
	border: 1px solid #d4d4d4;
	border-width: 0 1px 1px 0;
	overflow: auto;
}

.queue-detection-statistics .header {
	border-right: 0px;
	border-left: 0px;
}

.queue-detection-statistics .body {
	width: 96%;
	margin-left: 2%;
	margin-top: 20px;
	position: relative;
}

.queue-detection-statistics .body .no-data {
	width: 77px;
	height: 70px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -39px;
	margin-top: -35px;
}

.queue-detection-statistics .body .no-data span {
	display: inline-block;
	margin-top: 5px;
	color: #dcdcdc;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.queue-detection-statistics .body .no-data .icon-no-data {
	width: 77px;
	height: 51px;
	background: url(../images/no-data.png) 0 0 no-repeat;
}

.queue-detection-statistics .chart-containner-1 {
	width: 100%;
	height: 99%;
}

.queue-detection-statistics .chart-containner-2 {
	width: 100%;
	height: 49%;
}

.queue-detection-statistics .chart-containner-3 {
	width: 100%;
	height: 33%;
}

#application ~ .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
	position: relative;
}

#exportQueueStatisticsDlg .item {
	height: 30px;
	line-height: 30px;
	margin: 0 15px;
}

#exportQueueStatisticsDlg .item span.first {
	float: left;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#exportQueueStatisticsDlg select.select {
	width: 202px;
}
/*排队检测 End*/
.teacher-behavior-marklist {
	width: 105px;
}

.teacher-behavior-marklist .item {
	margin: 0;
}

.teacher-behavior-marklist .item .teacher-behavior-marktext span {
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#faceModelingRadio {
	margin-left: 10px;
}

.radioBox {
	margin: 0 5px 0 10px;
	vertical-align: middle;
}

.padding-left35 {
	padding-left: 35px;
}

.config .item .target-img {
	width: 370px;
	position: relative;
	left: 565px;
	top: -2px;
	color: #7D7D7D;
}

.config .item .target-img .target-img-legend {
	position: relative;
	height: 226px;
	background: url(../images/targetImgLegend.png) 0 0 no-repeat;
}

.config .item .target-img .target-img-legend .target-img-width {
	position: absolute;
	left: 169px;
	top: 8px;
}

.config .item .target-img .target-img-legend .target-img-facePart {
	position: absolute;
	left: 222px;
	top: 40px;
}

.config .item .target-img .target-img-legend .target-img-bodyPart {
	position: absolute;
	left: 222px;
	top: 63px;
}

.config .item .target-img .target-img-title {
	text-align: center;
}

.config .item.target-img-size-containner {
	height: 130px;
	padding-left: 45px;
	position: relative;
}

.config .item.target-img-size-containner .target-img-size-content {
	position: absolute;
	left: 40px;
	top: 30px;
}

.config .item.target-img-size-containner .target-img-size-content .first
	{
	text-align: right;
	margin-right: 10px;
}

.info-tips-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/common-icon.png) -64px 0 no-repeat;
	vertical-align: middle;
}

.info-tips-icon.info-tips-icon-disable {
	background-position: -80px 0;
}

.persondensity-statistics {
	margin-top: 3px;
	margin-left: 10px;
}

.config .persondensity-otherconf {
	margin: 15px 15px 0px 15px;
}

.config .persondensity-rule .videoparts {
	margin: 5px 15px;
	overflow: hidden;
}

.config .persondensity-otherconf .btn-target {
	width: 16px;
	height: 16px;
	border: 0;
	vertical-align: middle;
	background: url(../images/target-mode-icon.png) 0 0 no-repeat;
}

.config .persondensity-otherconf .big-target {
	background-position: -112px 0;
}

.config .persondensity-otherconf .small-target {
	background-position: -48px 0;
}

.config .persondensity-otherconf .big-target-select {
	background-position: -64px 0;
}

.config .persondensity-otherconf .small-target-select {
	background-position: 0 0;
}

.config .item .select.region {
	width: 100px;
	vertical-align: middle;
}

.config .item .select.osd-overlay {
	width: 140px;
	margin-left: 10px;
	vertical-align: middle;
}

.config .item .text.region-name {
	width: 136px;
	margin-left: 10px;
	vertical-align: middle;
}

.config .item.margin-bottom10 {
	margin-bottom: 10px;
}

.config .btn-person-density-upload {
	margin: 0;
}

.config .item.height-perctent-100 {
	height: 100%;
	overflow: hidden;
}

.dect-target {
	width: 276px;
}

.dect-target .dect-mode {
	width: 86px;
	margin-right: 5px;
}

.download-face {
	height: 30px;
	line-height: 30px;
	margin: 0 15px;
}

.download-face .left {
	float: left;
}

.download-face .right {
	float: right;
}

.download-face .checkbox {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

.download-face .seePicture {
	cursor: pointer;
}

.imageView {
	cursor: pointer;
}

.citymanagement-icon {
	background-position: 0px -26px;
}

#wifiConfig .msg-content {
	padding: 35px 10px 15px 10px;
}

#wifiConfig .checkbox {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#wifiConfig .wifiSelect {
	width: 115px;
}

#wifiConfig .wifiArea {
	width: 100px;
	display: inline-block;
	float: left;
}

#wifiConfig .wifi-region {
	height: 25px;
	line-height: 25px;
	margin-bottom: 5px;
}

.word-break-all {
	word-break: break-all;
}

.VCAPixel .first {
	height: 30px;
}

.VCAPixel .pixelSpan {
	width: 113px;
	overflow: visible;
}

.VCAPixel .VCAPixelInput {
	width: 45px;
}

.VCAPixel .PixelUnit {
	/*margin-right: 15px;*/
	
}

.channel-resource-enable {
	margin-left: 5px;
	line-height: 28px;
}

.margin-left24 {
	margin-left: 24px;
}

.audioType select {
	width: 53px;
	height: 18px;
}

.audioTimes select {
	width: 53px;
	height: 18px;
	margin-left: 10px;
}

.item-image {
	float: left;
	display: block;
	width: 124px;
	height: 118px;
	background-color: #e6e6e6;
	border: 1px solid #cccccc;
}

.margin-right10 {
	margin-right: 10px;
}

.smallImg {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.faceBodyImg {
	width: auto;
	height: auto;
	/* max-width: 100%;
  max-height: 100%; */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.faceBodyImgTimeBar {
	margin-top: 5px;
	background-color: #DDDDDD;
	border: none;
	display: inline-block;
	width: 104%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	position: relative;
	top: 9px;
	right: 7px;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.faceBodyImgFrame {
	border: 1px dashed #C0C0C0;
	width: 270px;
	background-color: #FDFDFD;
	padding: 0px 0px 5px 0px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.bodyImgFrame {
	width: 312px;
	height: 112px;
	display: inline-block;
	border: 1px dashed #C0C0C0;
	padding: 8px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #FDFDFD;
}

.bodyImgTimeBar {
	line-height: 26px;
	height: 26px;
	width: 125px;
	padding: 0px 10px;
	text-align: center;
	display: inline-block;
	background-color: #DDDDDD;
}

.circle {
	width: 6px;
	height: 6px;
	background-color: #BB2230;
	border-radius: 3px;
	/* 图形的半径 */
}

.faceBodyCircle {
	position: relative;
	bottom: 14px;
	left: 60px;
}

.faceCircle {
	position: relative;
	top: 15px;
	left: 2px;
}

.download-face {
	height: 30px;
	line-height: 30px;
	margin: 0 15px;
}

.download-face .left {
	float: left;
}

.download-face .right {
	float: right;
}

.download-face .checkbox {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

.download-face .seePicture {
	cursor: pointer;
}

.loginTimeoutImg {
	display: inline-block;
	width: 80px;
	height: 80px;
	vertical-align: text-bottom;
	background: url(../images/loginTimeout.png) center center no-repeat;
}

.loginTimeoutDiv {
	width: 200px;
	font-weight: 700;
	margin-top: 5px;
	text-align: center;
}

.exportFileBtn {
	margin: 0 0 10px 20px;
}

.browserNoSupport {
	border: 1px solid #ddd;
	padding: 10px;
	width: 180px;
	height: 180px;
	margin: 0 0 20px 20px;
	background: #eee;
}

.browserNoSupport div {
	margin-top: 50px;
	color: #1E1E1E;
}

.config .btn-test {
	margin: 0 15px;
	width: 120px;
}

.login-body .qa-set .guid-control {
	display: block;
}

.guid-control .btn-control, .config .btn-control {
	padding: 2px 17px;
	margin-right: 5px;
	line-height: normal;
	background-color: #F2F2F2;
	border: 1px solid #C5C5C5;
}

#userDlg .img, #qaDialog .img {
	float: left;
	width: 20px;
	height: 16px;
	margin: 6px 0 0 5px;
	background: url(../images/config-icons.png) -181px -57px no-repeat;
}

.userNameValid {
	padding-left: 150px;
	width: 200px;
	line-height: 15px;
	color: #999999;
	word-wrap: break-word;
	margin: 10px 0px 10px 15px;
}

.heopAppCfg .app-snapshot {
	width: 400px;
	border: 1px solid #a0a0a0;
	padding: 10px 15px;
	margin: 10px 15px 0 16px;
}

.heopAppCfg .app-snapshot .app-logo {
	background-repeat: no-repeat;
	background-position: 0 center;
	height: 80px;
}

.heopAppCfg .app-snapshot .app-detail {
	margin-left: 4px;
	margin-bottom: 15px;
}

.heopAppCfg .app-snapshot .app-detail .app-name {
	font-size: 24px;
}

.heopAppCfg .app-snapshot .app-detail .app-version {
	margin-top: 10px;
}

.heopAppCfg .app-snapshot .app-detail .app-copyright {
	margin-top: 25px;
	color: #a0a0a0;
}

.heopAppCfg .app-support {
	margin: 10px 15px 0 15px;
	color: #8198B6;
}

.heopAppCfg .app-support .app-hosename {
	color: #8198B6;
}

.config .btn-test {
	margin: 0 15px;
	width: 120px;
}

.login-body .qa-set .guid-control {
	display: block;
}

.quick-config-controller {
	margin-top: 16px;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	overflow: auto;
}

.quick-config .quickConfig {
	width: 186px;
}

.quick-config .width175 {
	width: 175px;
}

.quick-config .ui-tabs .ui-tabs-nav li {
	width: 92px;
	height: 28px;
	margin: 0px;
	border: 0;
}

.quick-config .ui-tabs .ui-tabs-nav li a {
	width: 68px;
	text-align: center;
}

.quick-config .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border-bottom: 1px solid #BB2230;
}

.quick-config .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	font-weight: bold;
}

.quick-config .ui-tabs .ui-tabs-panel {
	border: 0;
}

.quick-config .ui-widget-header .ui-state-default {
	background: #ffffff;
}

.quick-config .item {
	width: 181px;
	height: 30px;
	line-height: 30px;
}

.quick-config .item .tips-color label {
	display: inline-block;
	width: 160px;
	overflow: hidden;
	vertical-align: bottom;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.quick-config .slider-normal {
	margin-top: 4px;
	height: 26px;
	line-height: 26px;
}

.quick-config .image-menu {
	margin-left: 0;
}

.quick-config .image-menu .osd-text .item span, .quick-config .image-menu .osd-text span
	{
	width: 130px;
}

.quick-config .image-menu .item {
	margin-bottom: 10px;
	margin-left: 5px;
}

.quick-config .image-menu .item span {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.quick-config .image-menu .item span.first {
	width: 50px;
}

.quick-config .image-menu .item span select, .quick-config .image-menu .item span .select
	{
	width: 126px;
}

.quick-config .image-menu .item span select.bitrate-select {
	width: 95px;
}

.quick-config .image-menu .item span .text {
	width: 80px;
}

.quick-config .image-menu .item span .innerPD-text {
	width: 40px;
}

.quick-config .image-menu .item span .slider-normal {
	width: 95px;
}

.quick-config .image-menu .item .checkbox {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

.quick-config .image-menu .item button span {
	float: none;
}

.quick-config .image-menu .display-name {
	margin-left: 5px;
}

.quick-config button {
	width: 175px;
	line-height: normal;
	margin: 2px 7px;
	border: 1px solid;
	padding: 6px;
	text-align: center;
}

.quick-config button.small-btn {
	width: 56px;
	padding: 2px;
	margin: 1px;
}

.quick-config button.middle-btn {
	width: 79px;
	margin: 2px 4px;
}

.quick-config button.save-btn {
	color: #ffffff;
	background-color: #d71920;
}

.quick-config .bottom {
	position: absolute;
	bottom: 10px;
}

.quick-config .osd-text .inputValidTip.border {
	border: none;
}

.guid-control .btn-control, .config .btn-control {
	padding: 2px 17px;
	margin-right: 5px;
	line-height: normal;
	background-color: #F2F2F2;
	border: 1px solid #C5C5C5;
}

#userDlg .img, #qaDialog .img {
	float: left;
	width: 20px;
	height: 16px;
	margin: 6px 0 0 5px;
	background: url(../images/config-icons.png) -181px -57px no-repeat;
}

.config .title.item .btn-security {
	max-width: 160px;
}

.previewFrame {
	width: 668px;
	height: 424px;
	display: inline-block;
	margin-left: 10px;
	padding: 10px;
	border: solid 1px #cccccc;
}

.leftZone {
	width: 77%;
	height: 100%;
	float: left;
}

.videoZone {
	width: 100%;
	height: 56%;
	background-color: #e6e6e6;
}

.dectionZone {
	width: 100%;
	height: 19%;
	margin-top: 10px;
	background-color: #e6e6e6;
}

.rightZone {
	width: 20%;
	height: 100%;
	float: right;
	background-color: #e6e6e6;
}

.previewFrame .inner-text {
	text-align: center;
}

.videoZone .inner-text {
	padding-top: 22%;
}

.dectionZone .inner-text {
	padding-top: 5%;
}

.rightZone .inner-text {
	padding-top: 147%;
}

.mixedTarget-back-btn {
	width: 165px;
	background-color: #f0f0f0;
	border: none;
	cursor: pointer;
}

.mixedTarget-back-btn .extra {
	height: 16px;
	display: inline-block;
}

.mixedTarget-config-Icon {
	color: white;
	float: right;
	margin: 12px 20px;
}

.detectionTitle {
	font-weight: bold;
	width: 150px;
	height: 24px;
	background-color: #d71920;
	color: white;
	border-radius: 0 0 10px 0px;
}

.detectionTitle-inner {
	display: inline-block;
	margin: 4px 0px 0px 20px;
}

.img-frame {
	background-color: #e6e6e6;
	border: 1px solid #cccccc;
	width: 130px;
	height: 110px;
}

.img-frame-left {
	width: 168px;
	position: relative;
	left: 15px;
	height: 14px;
}

.img-frame-right {
	width: 180px;
	height: 100%;
}

.property-icon {
	height: 40px;
	width: 40px;
	text-align: center;
	display: block !important;
	position: relative;
	left: 5px;
}

.property-description {
	text-align: center;
	display: inline-block !important;
	width: 50px;
	position: relative;
	top: 5px;
}

.property-description-humanFace {
	text-align: center;
	display: inline-block !important;
	width: 66px;
	position: relative;
	top: 5px;
}

.property-icon-humanFace {
	height: 40px;
	width: 40px;
	text-align: center;
	display: block !important;
	position: relative;
	left: 10px;
}

.property-icon-humanFace.height-36 {
	height: 36px;
}

.bodyImgFrame-wrapper {
	height: 157px;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
}

.item-image-face {
	margin-left: 8px;
	margin-top: 10px;
}

.item-image-body {
	margin-left: 1px;
	margin-top: 10px;
}

.faceBodyItem {
	display: inline-block;
	width: 100%;
	padding-left: 21px;
	padding-top: 10px;
}

.faceBodyIconFrame {
	margin: 0px 9px 4px 9px;
}

.faceImgFrame {
	width: 153px;
	height: 140px;
	border: 1px dashed #C0C0C0;
	display: inline-block;
	background-color: #FDFDFD;
}

.face-img-frame {
	background-color: #e6e6e6;
	border: 1px solid #cccccc;
	width: 137px;
	height: 108px;
	margin: 8px 0px 0px 8px;
}

.margin-top3 {
	margin-top: 3px;
}

.channelList {
	width: 0px;
	height: 100%;
	border: none;
	z-index: 1000;
	position: absolute;
	top: 40px;
	background-color: white;
}

.channelList-toggle-btn {
	width: 20px;
	height: 76px;
	position: relative;
	z-index: 1001;
	left: -2px;
	top: 44%;
	background: url(../images/channel-nor.png) center center no-repeat;
}

.channelList-toggle-btn-nor {
	background: url(../images/channel-nor.png) center center no-repeat;
}

.channelList-toggle-btn-open {
	background: url(../images/channel-fold.png) center center no-repeat;
}

.vehicle-license {
	width: 100px;
	height: 20px;
	position: relative;
	left: 30px;
	top: 105px;
	text-align: center;
	background: url(../images/vehicle-licsence.png) center center no-repeat;
}

.icon-zone {
	width: 50%;
	display: inline-block;
	margin-left: 15px;
}

.property-wrapper {
	display: inline-block;
	padding: 20px 0px 20px 0px;
	width: 100px;
}

.property-switch {
	display: inline-block;
	width: 32px;
	height: 16px;
	position: relative;
	top: 4px;
	left: 10px;
}

.Face-switch-on, .Human-switch-on, .Vehicle-switch-on,
	.NonMotor-switch-on, .Main-switch-on {
	background: url(../images/switch_on.png) center center no-repeat;
}

.Face-switch-off, .Human-switch-off, .Vehicle-switch-off,
	.NonMotor-switch-off, .Main-switch-off {
	background: url(../images/switch_off.png) center center no-repeat;
}

.property-title {
	width: 130px;
	display: inline-block;
}

.margin-top20 {
	margin-top: 20px;
}

.setting-Icon {
	width: 24px;
	height: 24px;
	background: url(../images/icon_setting.png) center center no-repeat;
	display: inline-block;
	position: relative;
	top: 8px;
}

.setting-Icon-wrapper {
	text-align: center;
	width: 74px;
	position: relative;
	bottom: 3px;
}

.setting-Icon-text {
	position: relative;
	bottom: 7px;
}

.padding4 {
	padding: 4px;
}

.color-white {
	color: white;
}

.font-size-15 {
	display: inline-block;
	/* Chrome下不能显示12px以下字体, 用scale解决 */
	-webkit-transform: scale(0.8);
	font-size: 15px;
}

.FaceSnapFrame-wrapper {
	height: 160px;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
}

.padding2 {
	padding: 1px;
}

.faceBodyImgFrame.height-161 {
	height: 161px;
}

.mixed-target {
	min-width: 940px;
}

.mixed-target .item.height-perctent-100 {
	height: 100%;
	overflow: hidden;
}

.mixed-target .margin-bottom20 {
	margin-bottom: 20px;
}

.item-strong {
	font-family: PingFangSC-Semibold !important;
	font-weight: bold !important;
	font-size: 12px !important;
	color: #333333 !important;
	letter-spacing: 0;
}

.line-heigth30 {
	line-height: 30px;
}

select {
	height: 22px;
	line-height: 22px;
}

.emailReset {
	width: 305px;
	margin-left: 150px;
}

.emailResetWarning {
	width: 100%;
	text-align: center;
}